const Components = require("unplugin-vue-components/webpack");
const { ElementPlusResolver } = require("unplugin-vue-components/resolvers");

const CompressionPlugin = require("compression-webpack-plugin");

module.exports = {
  productionSourceMap: false,
  publicPath: "./",
  chainWebpack: config => {
    if (process.env.NODE_ENV === "production") {
      config.plugin("compressionPlugin").use(
        new CompressionPlugin({
          test: /\.js$|\.css|\.less/, // 匹配文件名
          threshold: 102400, // 对超过10k的数据压缩
          deleteOriginalAssets: false, // 不删除源文件
        })
      );
      // 移除 prefetch 插件
      config.plugins.delete("prefetch");
    }
  },
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
};