vue前端项目优化-统计无用文件useless-files-webpack-plugin

工具快文

1. 安装插件 npm i useless-files-webpack-plugin
2. vue.config.js配置

const UselessFile = require("useless-files-webpack-plugin");
chainWebpack: (config) => {
 config.plugin("uselessFile").use(
      new UselessFile({
        root: "./src", // 项目目录
        out: "./unfileList.json", // 输出文件列表
        clean: false, // 是否删除文件,
        exclude: /node_modules/, // 排除文件列表
      })
    );
  }

3. 执行打包命令 npm run build 生成unfileList.json文件，列出的文件列表即未被引用的所有文件