部署静态文件到CDN

本插件会把除打包之后的dist文件夹中html文件之外的所有文件上传到CDN，加速静态资源的访问速度。

本插件在私有Git中项目名：webpack-cdn-plugin

安装

1npm i @wemark/webpack-cdn-plugin -D

使用

编辑vue.config.js文件

1const CDN = require('@wemark/webpack-cdn-plugin');
2const isProduction = process.env.NODE_ENV === 'production';
3
4module.exports = {
5  publicPath: isProduction ? CDN.publicPath : './',
6  configureWebpack: {
7    plugins: [
8      ...CDN.plugins
9    ]
10  }
11};
12

jenkins 执行shell

主要增加第一行，其他配置不变

1# 部署到CDN所需的环境变量
2export WEBPACK_ALIOSS_PLUGIN_PROJECT=$JOB_NAME
3
4# 打包Vue
5npm install
6npm run build