// 详细配置请参考https://cli.vuejs.org/zh/config/#vue-config-js
// const outputDir = process.env.VUE_APP_CONTEXT_PATH.substring(1, process.env.VUE_APP_CONTEXT_PATH.length - 1)
// const outputDir = process.env.VUE_APP_CONTEXT_PATH.substring(1, process.env.VUE_APP_CONTEXT_PATH.length)
const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
  publicPath: './',
  outputDir: process.env.VUE_APP_CONTEXT_NAME,
  assetsDir: 'static',
  lintOnSave: false,
  devServer: {
    host: '0.0.0.0',
    port: 10086,
    proxy: {
      [process.env.VUE_APP_API_PREFIX]: {
        target: process.env.VUE_APP_API,
        changeOrigin: true,
        pathRewrite: {
          [`^${[process.env.VUE_APP_API_PREFIX]}`]: ''
        }
      }
    }
  },
  configureWebpack: config => {
    // if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'test') {
    return {
      plugins: [
        new CompressionPlugin({
          algorithm: 'gzip', // 使用gzip压缩
          test: /\.(js|css|html)$/, // 匹配文件类型
          threshold: 10240, // 只处理比这个值大的资源。值是字节，10240字节=10KB
          minRatio: 0.8 // 压缩比率，只有压缩率小于这个值的资源才会被处理
        })
      ],
      optimization: {
        runtimeChunk: 'single',
        splitChunks: {
          chunks: 'all',
          maxInitialRequests: Infinity,
          minSize: 20000,
          cacheGroups: {
            vendors: {
              test: /[\\/]node_modules[\\/]/, // 使用正则匹配node_modules中引入的模块
              priority: -10, // 优先级值越大优先级越高，默认-10，不用修改
              name(module) {
                // 设定分包以后的文件模块名字，按照包名字替换拼接一下

                if (!module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)) return;
                const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
                return `npm.${packageName.replace('@', '')}`;
              }
            }
          }
        }
      }
    }
    // }
  }
}