const CompressionPlugin = require('compression-webpack-plugin');
const Timestamp = new Date().getTime();
module.exports = {
  publicPath: process.env.VUE_APP_PUBLICPATH,
  assetsDir: 'static',
  lintOnSave: false,
  productionSourceMap: false,
  devServer: {
    host: "0.0.0.0",
    port: 8001, // 端口号
    https: false, // https:{type:Boolean}
    open: true, //配置自动启动浏览器
    hotOnly: true, // 热更新
    disableHostCheck: true
  },
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === "production") {
      return {
        plugins: [
          new CompressionPlugin({
            algorithm: 'gzip', // 使用gzip压缩
            test: /\.js$|\.html$|\.css$/, // 匹配文件名
            filename: `static/gzip/[name].gz[query]`, // 压缩后的文件名(保持原文件名，后缀加.gz)
            minRatio: 0.8, // 压缩率小于1才会压缩
            threshold: 10240, // 对超过10k的数据压缩
            deleteOriginalAssets: false, // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
          }),
        ],
        output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号(可选).时间戳】
          filename: `static/js/[name].${Timestamp}.js`,
          chunkFilename: `static/js/[name].${Timestamp}.js`
        },
        optimization: {
          splitChunks: {
            maxSize: 250000,
            automaticNameDelimiter: '-'
          }
        }
      }
    }
  },
  css: {
    extract: { // 打包后css文件名称添加时间戳
      filename: `static/css/[name].${Timestamp}.css`,
      chunkFilename: `static/css/[name].${Timestamp}.css`
    }
  }

}