Bootstrap

webpack打包识别无用文件的具体方法

使用 useless-files-webpack-plugin查找无用文件

1 安装插件
npm i useless-files-webpack-plugin -D

2 配置
在vue.config.js中

// 顶部导入插件
 const UselessFile = require('useless-files-webpack-plugin')

plugins中添加插件配置:

 chainWebpack: config => {
 config.plugin('uselessFile')
     .use(
       new UselessFile({
         root: './src', // 项目目录
         out: './fileList.json', // 输出文件列表
         clean: false, // 是否删除文件,
         exclude: [/node_modules/] // 排除文件列表
      })
     )
 }

3 打包
npm run build
打包时自动在项目的根目录下生成unused-files.json, 保存着无用文件的列表。

;