vue2.0实现检测无用的代码并删除
作者：javascript艺术
这篇文章主要介绍了vue2.0实现检测无用的代码并删除方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue2.0检测无用的代码并删除
（1）、使用 useless-files-webpack-plugin 来查找无用文件
npm i useless-files-webpack-plugin -S
（2）、vue.config.js中配置
const UselessFile = require('useless-files-webpack-plugin')
chainWebpack: config => {
config.plugin('uselessFile')
.use(
new UselessFile({
root: path.resolve(__dirname, './src'), // 项目目录
out: './fileList.json', // 输出文件列表
clean: false, // 是否删除文件,
exclude: /node_modules/ // 排除文件列表
})
)
}（3）、每次编译的时候，都会将一些没有用到的文件输出到unused-files.json这个文件，可以自己再手动检测一下，然后删掉无用的代码。
（4）、删除大量的代码后，git提交代码时，记得在git上打个tag，以方便回滚或者找代码
webpack打包删除无用文件
在webpack打包项目过程中，常遇见一些无用的图片，js文件，怎样能够自动检测哪些是无用的文件呢？
使用插件useless-files-webpack-plugin查找无用文件，在terminal中删除
操作步骤
安装
安装方法
cnpm i useless-files-webpack-plugin -D
检查安装是否成功
进入package.json中，刷新package.json文件，搜索"useless-files-webpack-plugin"，如果存在，则安装成功
具体用法
1.在webpack.prod.conf.js中，添加如下代码
// 顶部导入插件
const UselessFile = require('useless-files-webpack-plugin')
2.plugins中添加插件配置
new UselessFile({
root: './src', // 项目目录
out: './fileList.json', // 输出文件列表
clean: false,// 删除文件,
exclude: path // 排除文件列表, 格式为文件路径数组
}),
3.打包时自动在项目的根目录下生成unused-files.json, 保存着无用文件的列表。
如图所示：
4.进入终端，使用命令删除列表中文件，重新打包
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。