vue2.0检测无用的代码并删除

最新推荐文章于 2025-04-15 14:10:49 发布

javascript艺术

最新推荐文章于 2025-04-15 14:10:49 发布

阅读量1.7k

点赞数

文章标签： vue javascript 前端

本文链接：https://blog.youkuaiyun.com/zhangjing1019/article/details/133041690

版权

本文介绍了如何在Vue项目中使用useless-files-webpack-plugin来查找并移除编译过程中未使用的文件，配置过程包括在vue.config.js中的设置，以及在每次编译后检查和处理无用代码的实践。同时提醒在删除代码后进行版本控制操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（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，以方便回滚或者找代码