vue.js - 如何优化vue项目构建速度？

Question

如题，vue2 项目，基于的ruoyi进行二次开发，现在ci/cd构建每次都要10多分钟，本地第一次启动也很慢，有哪些方法可以提高构建速度呢？

Answer 1

一般会是卡在 npm i 上面，所以可以使用 npm ci 来替代，会稍微快一些。
然后就是关闭 productionSourceMap

Answer 2

开启缓存：在你的webpack 里添加一下配置：

const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
// ...
module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.resolve('src'),
        use: [
          'cache-loader',
          'babel-loader',
        ],
      },
      // ...
    ],
  },
  plugins: [
    new HardSourceWebpackPlugin(),
    // ...
  ],
  // ...
};