vue webpack编译后上传到腾讯云COS

使用场景

Vue项目用webpack编译后会生成dist文件夹，如图：

为了加快页面打开速度，现把除index.html以外的静态资源放到CDN。这里用的是腾讯云COS，引用了第三方插件webpack-cos-plugin，具体可见https://www.npmjs.com/package/webpack-cos-plugin/v/1.1.1

1.安装webpack-cos-plugin

npm install --save-dev webpack-cos-plugin

2.修改build/webpack.prod.conf.js文件，增加以下代码：

const WebpackQcloudCOSPlugin = require('webpack-cos-plugin')