CostumingPlatform/ant-design-vue-jeecg/vue.config.js

  const path = require('path')
  //YU 优化  解决webpack打包后chunk.js 数量过多，影响加载速度问题(Jeecg)
  const webpack = require('webpack')
  const CompressionPlugin = require("compression-webpack-plugin")

  function resolve(dir) {
    return path.join(__dirname, dir)
  }

  // vue.config.js
  module.exports = {
    /*
      Vue-cli3:
      Crashed when using Webpack `import()` #2463
      https://github.com/vuejs/vue-cli/issues/2463
     */
    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    productionSourceMap: false,
    //打包app时放开该配置
    //publicPath:'./',
    configureWebpack: config => {
      //生产环境取消 console.log
      if (process.env.NODE_ENV === 'production') {
        // config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
        // YU-优化
        // （缺省值5）按需加载时的最大并行请求数
        config.optimization.splitChunks.maxAsyncRequests = 30
        // （默认值3）入口点上的最大并行请求数
        config.optimization.splitChunks.maxInitialRequests = 20
        config["performance"] = {//打包文件大小配置
          "maxEntrypointSize": 50000000,
          "maxAssetSize": 30000000
        }
      }
      // config.externals = {
      //   'vue': 'Vue',
      //   'vuex': 'Vuex',
      //   'vue-router': 'VueRouter',
      //   'axios':'axios',
      // };

    },

    chainWebpack: (config) => {
      // YU-优化
      config.plugins.delete('prefetch')
      // YU-优化 只保留中文语言包
      config.plugin('ContextReplacementPlugin').use(webpack.ContextReplacementPlugin, [/moment[/\\]locale$/, /zh-cn/])
      config.resolve.alias
        .set('@$', resolve('src'))
        .set('@api', resolve('src/api'))
        .set('@assets', resolve('src/assets'))
        .set('@comp', resolve('src/components'))
        .set('@views', resolve('src/views'))
        //.set('@ant-design/icons/lib/dist$',resolve("src/icons.js"))


      // YU-优化 包
      // config.set('externals', {
      //     'vue': 'Vue',
      //     'vuex': 'Vuex',
      //     'vue-router': 'VueRouter',
      //     'axios':'axios',
      // })


      //生产环境，开启js\css压缩
      if (process.env.NODE_ENV === 'production') {
        config.plugin('compressionPlugin').use(new CompressionPlugin({
          test: /\.(js|css|less)$/, // 匹配文件名
          threshold: 10240, // 对超过10k的数据压缩
          deleteOriginalAssets: false // 不删除源文件
        }))
      }
      // YU-优化
      // 限制打包的个数(减少打包生成的js文件和css文件)
      //在合并chunk时，webpack会尝试识别出具有重复模块的chunk，并优先进行合并。任何模块都不会被合并到entry chunk中，以免影响初始页面加载时间
      //maxChunks：使用大于或等于 1 的值，来限制 chunk 的最大数量。使用 1 防止添加任何其他额外的 chunk，这是因为 entry/main chunk 也会包含在计数之中。
      //minChunkSize: 设置 chunk 的最小大小。
      // config.plugin('chunkPlugin').use(webpack.optimize.LimitChunkCountPlugin, [{
      //   maxChunks: 10,
      //   minChunkSize: 10000
      // }])

      // 配置 webpack 识别 markdown 为普通的文件
      config.module
        .rule('markdown')
        .test(/\.md$/)
        .use()
        .loader('file-loader')
        .end()

      // 编译vxe-table包里的es6代码，解决IE11兼容问题
      config.module
        .rule('vxe')
        .test(/\.js$/)
        .include
        .add(resolve('node_modules/vxe-table'))
        .add(resolve('node_modules/vxe-table-plugin-antd'))
        .end()
        .use()
        .loader('babel-loader')
        .end()

    },

    css: {
      loaderOptions: {
        less: {
          modifyVars: {
            'primary-color': '#1890FF',
            'link-color': '#1890FF',
            'border-radius-base': '4px'
          },
          javascriptEnabled: true
        }
      }
    },

    devServer: {
      port: 3000,
      proxy: {
        /* '/api': {
          target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro', //mock API接口系统
          ws: false,
          changeOrigin: true,
          pathRewrite: {
            '/jeecg-boot': ''  //默认所有请求都加了jeecg-boot前缀，需要去掉
          }
        }, */
        '/jeecg-boot': {
          target: 'http://localhost:10085/',
          ws: false,
          changeOrigin: true
        }
      }
    },
    lintOnSave: undefined,
    publicPath: './'
  }