学校资源网站建设,常德建设公司网站,株洲网红,企业门户网站网站怎么获得前言
大家可能在webpack打包项目过程中#xff0c;常遇见一些无用的图片#xff0c;js文件#xff0c;怎样能够自动检测哪些是无用的文件呢#xff1f;本文中介绍使用插件useless-files-webpack-plugin查找无用文件#xff0c;在terminal中删除#xff0c;附加bat批量删…前言
大家可能在webpack打包项目过程中常遇见一些无用的图片js文件怎样能够自动检测哪些是无用的文件呢本文中介绍使用插件useless-files-webpack-plugin查找无用文件在terminal中删除附加bat批量删除文件。
安装插件
npm i useless-files-webpack-plugin -Dcnpm i useless-files-webpack-plugin -D以上两个任选一个
用法 在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/] // 排除文件列表}))}打包
npm run build打包时自动在项目的根目录下生成unused-files.json, 保存着无用文件的列表。如图所示 但是项目越大要删除的文件越多本人自己写了个bat脚本来处理
附上bat代码 这里用了 bat for循环删除文件路径 但是生成的unused-files.json 不能直接使用需要处理 通过vscode 把所有 “”清楚替换 。再把数组[ ]符号清楚就ok啦 然后把脚本跟unused-files.json放在同级运行即可替你删除所有多余文件
