用户体验网站,濮阳做网站公司,wordpress插件代码,免费企业网站制作参考文档#xff1a;webpack-aliyun-oss-plugin - npm
安装依赖#xff0c;这是一个预编译环境下的包 npm install webpack-aliyun-oss-plugin --save-dev 以下代码的意思是#xff1a;
webpack中引入一个oss上传插件#xff0c;并且给予其初始参数#xff0c;插件根据p…参考文档webpack-aliyun-oss-plugin - npm
安装依赖这是一个预编译环境下的包 npm install webpack-aliyun-oss-plugin --save-dev 以下代码的意思是
webpack中引入一个oss上传插件并且给予其初始参数插件根据publicPath提供的域名后的path将打包的文件一个个按照上传到path对应的目录中并且根据from的路径指示将./dist/static下的所有文件都按路径上传
1关键点一/scrm/xxa/xxb 无论建立多少级oss桶都是自动建立的无需人手动先把这些目录建立了,例如上面的path对应oss的目录/scrm/xxa/xxb下面./dist/static下的文件也会被上传到这个目录下这个目录却不需要先行建立 publicPath: process.env.NODE_ENV production ? https://static-global.uncledesk.com/${version_path}/ : /,chainWebpack: config {config.resolve.symlinks(true); // 修复热更新失效// 如果使用多页面打包使用vue inspect --plugins查看html是否在结果数组中config.plugin(html).tap(args {// 修复 Lazy loading routes Errorargs[0].chunksSortMode none;return args;});if (IS_PROD) {config.plugin(webpack-aliyun-oss-plugin)// 原案例中这里用了require 我通过vue.config.js官方文档了解到不加// 也可以事实上不加也可以.use(webpack-aliyun-oss-plugin, [{from: [./dist],region: oss-us-west-1,ak: xxxx,sk: xxxxxxxx,bucket: static-oss-cdn,filter: function (asset) {return !/\.html$/.test(asset); // 不上传index.html}}]);}
} version_path: 1_3_25 可以通过 package.json 中的version参数然后根据点转下划线为何强调这一点因为如果一开始不做好版本隔离那么以后你想从cdn删除就够麻烦了所以这里特别提醒记得做版本文件夹隔离不用的版本到时直接删掉就OK了