前端优化，webpack打包删除无用文件 并批量删除文件脚本

安装插件 useless-files-webpack-plugin

npm i useless-files-webpack-plugin -D

在vue.config.js里面配置

 // 顶部导入插件
const UselessFile = require('useless-files-webpack-plugin')
module.exports = {
 chainWebpack: (config) => {
    config.plugin('uselessFile')
      .use(
        new UselessFile({
          root: path.resolve(__dirname, './src'), // 项目目录
          out: './fileList.json', // 输出文件列表
          clean: false, // 是否删除文件,
          exclude: /node_modules/ // 排除文件列表
        })
      )
  },
 }

打包

npm run build

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

对unused-files.json文件进行处理

• 双斜杠换成单斜杠
• 逗号换成空
• 中括号去
  

在同级目录下创建一个delFile.bat文件

delFile.bat

cd /d %~dp0
chcp 65001
@echo off


echo 正在清除系统垃圾文件，请稍等。。。。。。

for /f %%i in (unused-files.json) do del %%i /f

pause

右键以管理员方式运行delFile.bat文件删除这些无用的代码

提示：对于命名中带有空格等特殊的文件无法通过这个命令删除如search_title copy.png