清理无用代码

产生原因

项目快速迭代过程中，一些废弃的方案会产生一些废弃的代码（dead code)

清理好处

清理掉这些废弃代码，可以提高项目的清晰度，提高可维护性。

清理废弃的组件、工具函数等模块（.js/.ts/.tsx)

给eslint 添加no-unused-modules 规则来检测无用的module

• install

  yarn add -D eslint-plugin-import @typescript-eslint/parser eslint-import-resolver-typescript eslint-import-resolver-webpack
  

• eslint config

  module.exports = {
      extends: [
           //other plugin
          'plugin:import/recommended',
          'plugin:import/typescript',
      ],
      rules: {
            //other rules
          'import/no-unused-modules': [2, { unusedExports: true }],// 2:error 1:warning
  
      },
      settings: {
          'import/resolver': {
              webpack: {
                  config: './webpack/webpack.config.dev.babel.js',//webpack dev 配置的相对路径
              },
          },
      },
  };
  

效果

无用的组件文件

无用的exports