FE-V2-BIG-DATA/vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,
  publicPath: "./", // 公共路径(必须有的)
  outputDir: "bigData", // 输出文件目录
  assetsDir: "static", //静态资源文件名称
  productionSourceMap: false, //去除打包后js的map文件
  devServer: { //启动项目在8080端口自动打开
    host:"127.0.0.1",
    open: true,
    port: 8888,
    //proxy: null,
    proxy: process.env.VUE_APP_ENV === 'production' ? 'https://www.aaa.com/' : 'https://gateway.bbb.com/'

  },
  chainWebpack(config) {
    config
        .when(process.env.VUE_APP_ENV !== 'www.dlc.com',
            config => {
                config
                    .plugin('ScriptExtHtmlWebpackPlugin')
                    .after('html')
                    .use('script-ext-html-webpack-plugin', [{
                        // `runtime` must same as runtimeChunk name. default is `runtime`
                        inline: /runtime\..*\.js$/
                    }])
                    .end()
                config
                    .optimization.splitChunks({
                    chunks: 'all',
                    minSize: 50000, //构建出来的chunk大于30000才会被分割
                    maxSize: 100000, //会尝试根据这个大小进行代码分割
                    // cacheGroups: {
                    //     libs: {
                    //         name: 'chunk-libs',
                    //         test: /[\\/]node_modules[\\/]/,
                    //         priority: 10,
                    //         chunks: 'initial'
                    //     },
                    //     elementUI: {
                    //         name: 'chunk-elementUI',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?element-plus(.*)/,
                    //         chunks: 'initial'
                    //     },
                    //     echarts: {
                    //         name: 'chunk-echarts',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?echarts(.*)/,
                    //     },
                    //     flv: {
                    //         name: 'chunk-flv',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?flv(.*)/
                    //     },
                    //     jsJquery: {
                    //         name: 'chunk-jquery',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?jquery(.*)/
                    //     },
                    //     mqtt: {
                    //         name: 'chunk-mqtt',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?mqtt(.*)/
                    //     },
                    //     mqttPacket: {
                    //         name: 'chunk-mqtt-packet',
                    //         priority: 20,
                    //         test: /[\\/]node_modules[\\/]_?mqtt-packet(.*)/
                    //     },
                    // }
                })
            }
        )
    },
  //去掉console
  // configureWebpack: (config) => {
  //   // 判断为生产模式下，因为开发模式我们是想保存console的
  //   if (process.env.NODE_ENV === "production") {
  //     config.optimization.minimizer.map((arg) => {
  //       const option = arg.options.terserOptions.compress;
  //       option.drop_console = true; // 打开开关
  //       return arg;
  //     });
  //   }
  // },
  // configureWebpack: {
  //   // 关闭 webpack 的性能提示
  //   // performance: {
  //   //   hints:false
  //   // }
  //
  //   // //或者
  //
  //   // 警告 webpack 的性能提示
  //   performance: {
  //     hints: 'warning',
  //     // 入口起点的最大体积
  //     maxEntrypointSize: 50000000,
  //     // 生成文件的最大体积
  //     maxAssetSize: 30000000,
  //     // 只给出 js 文件的性能提示
  //     assetFilter: function (assetFilename) {
  //       return assetFilename.endsWith('.js')
  //     }
  //   }
  // }
})