部署静态文件到CDN

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

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

安装

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

使用

编辑vue.config.js文件

const CDN = require('@wemark/webpack-cdn-plugin');
const isProduction = process.env.NODE_ENV === 'production';

module.exports = {
  publicPath: isProduction ? CDN.publicPath : './',
  configureWebpack: {
    plugins: [
      ...CDN.plugins
    ]
  }
};

jenkins 执行shell

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

# 部署到CDN所需的环境变量
export WEBPACK_ALIOSS_PLUGIN_PROJECT=$JOB_NAME

# 打包Vue
npm install
npm run build