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

你可能感兴趣的:(vue,javascript,前端)