1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > webpack打包删除无用文件

webpack打包删除无用文件

时间:2022-07-14 22:11:43

相关推荐

webpack打包删除无用文件

前言

在webpack打包项目过程中,常遇见一些无用的图片,js文件,怎样能够自动检测哪些是无用的文件呢?本文中介绍使用插件useless-files-webpack-plugin查找无用文件,在terminal中删除

操作步骤

1、安装

安装方法

cnpm i useless-files-webpack-plugin -D

检查安装是否成功

进入package.json中,刷新package.json文件,搜索"useless-files-webpack-plugin",如果存在,则安装成功

2、具体用法

2.1 在webpack.prod.conf.js中,添加如下代码

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

2.2 plugins中添加插件配置

new UselessFile({root: './src', // 项目目录out: './fileList.json', // 输出文件列表clean: false,// 删除文件,exclude: path // 排除文件列表, 格式为文件路径数组}),

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

2.4 进入终端,使用命令删除列表中文件,重新打包

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。