前言

大家可能在webpack打包项目过程中，常遇见一些无用的图片，js文件，怎样能够自动检测哪些是无用的文件呢？本文中介绍使用插件useless-files-webpack-plugin查找无用文件，在terminal中删除，附加bat批量删除文件。

安装插件

npm i useless-files-webpack-plugin -D
cnpm 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放在同级运行即可替你删除所有多余文件

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：GTC08L可替代启攀微八通道CP2528、CP2682

下一篇：SpringBoot下的Spring——DAY04——动态代理总结、AOP、自定义注解进行拦截、动态获取注解参数、通知方法（内含源代码）

热门资讯

122.（leaflet篇）l... 听老人家说：多看美女会长寿地图之家总目录（订阅之前建议先查看该博客）文章末尾处提供保证可运行...

育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题采用手动绘制的方法的话，每次迭代地形都要手动再绘制森林。这...

Vue使用pdf-lib为文件... 之前也写过两篇预览pdf的，但是没有加水印，这是链接：Vu...

PyQt5数据库开发1 4.1... 文章目录前言步骤/方法 1 使用windows身份登录 2 启用混合登录模式 3 允许远程连接服...

Android studio ... 解决 Android studio 出现“The emulator process for AVD ...

Linux基础命令大全（上） ♥️作者：小刘在C站 ♥️个人主页：小刘主页 ♥️每天分享云计算网络运维...

再谈解决“因为文件包含病毒或潜... 前面出了一篇博文专门来解决“因为文件包含病毒或潜在的垃圾软件”的问题，其中第二种方法有...

南京邮电大学通达学院2023c... 题目展示一.问题描述实验题目1 定义一个学生类，其中包括如下内容：（1）私有数据成员 ①年龄 ...

PageObject 六大原则 PageObject六大原则： 1.封装服务的方法 2.不要暴露页面的细节 3.通过r...

【Linux网络编程】01：S... Socket多进程 OVERVIEWSocket多进程1.Server2.Client3.bug&...

数据结构刷题（二十五）：122... 1.122. 买卖股票的最佳时机 II思路：贪心。把利润分解为每天为单位的维度,然后收...

浏览器事件循环事件循环浏览器的进程模型何为进程？程序运行需要有它自己专属的内存空间࿰...

8个免费图片/照片压缩工具帮您... 继续查看一些最好的图像压缩工具，以提升用户体验和存储空间以及网站使用支持。无数图像压...

计算机二级Python备考（2... 目录一、选择题 1.在Python语言中： 2.知识点二、基本操作题 1. j...

端电压相电压线电压记得刚接触矢量控制的时候，拿到板子，就赶紧去测各种波形，结...

如何使用Python检测和识别... 车牌检测与识别技术用途广泛，可以用于道路系统、无票停车场、车辆门禁等。这项技术结合了计...

带环链表详解目录一、什么是环形链表二、判断是否为环形链表 2.1 具体题目 2.2 具体思路 2.3 思路的...

【C语言进阶：刨根究底字符串函... 本节重点内容：深入理解strcpy函数的使用学会strcpy函数的模拟实现⚡strc...

Django web开发(一)... 文章目录前端开发1.快速开发网站2.标签2.1 编码2.2 title2.3 标题2.4 div和s...

前端优化，webpack打包删除无用文件，并附上批量删除文件脚本！非常好用

前言

安装插件

用法

打包

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

相关内容

热门资讯