前言:
这里来分享一些vue项目性能优化的一些实用的方法,这里使用 useless-files-webpack-plugin 来查找无用文件。
实现步骤:
1、安装插件
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 这个文件,每次编译都会没有用到的文件在中间,可以具体看一看,不需要的可以删掉