del-useless-plugin

del-useless-plugin

del-useless-plugin

该webpack插件用于查找和删除项目里无用的文件。

安装

npm install --save-dev del-useless-plugin

用法

1、引入和配置插件

const DelUselessPlugin = require('del-useless-plugin')

module.exports = {
    plugins: [
        new DelUselessPlugin()
    ]
}

2、获取无用文件

运行项目打包命令（如：npm run pro），在项目中就会出现一个useless-list.json文件，文件内容是项目中无用文件构成的数组。

[
    "E:\\eqx\\mall-pay\\src\\img\\[e-mail]",
    "E:\\eqx\\mall-pay\\src\\scss\\variables.scss",
    "E:\\eqx\\mall-pay\\src\\utils\\index.js",
    "E:\\eqx\\mall-pay\\src\\vue\\plugins\\Slide.vue"
]

3、确认输出，删除文件

• 使用者可对useless-list.json文件进行修改，如认为文件不是无用文件，可从数组中去除。

• 控制台运行如下命令，即可删除useless-list.json数组中的所有文件。

  node ./node_modules/del-useless-plugin/src/del.js
  

Options

名称	类型	默认值	描述
root	{String}	./src	需要查找的代码根目录
clean	{Boolean}	false	是否在查找完成就直接删除文件
exclude	{Array}	[]	需要排除的目录数组
backupDir	{String}	‘’	备份目录，提供备份功能

其他

已知问题

• 此插件无法查找出其他插件的依赖，如

  // sass-loader 直接引用了variables.scss文件且variables.scss没有在其他文件中进行引用，此插件就会把variables.scss识别为无用文件
  module.exports = {
    module: {
      rules: [
        {
          test: /\.scss$/,
          use: [
             {
               loader: 'sass-loader',
               options: {
                   data: fs.readFileSync('./src/scss/variables.scss')
               }
           }
          ],
        },
      ],
    },
  };