vue2 安装eslint-plugin-unused-imports插件 解决项目不必要文件引入问题

安装

eslint版本为7,安装命令 npm install --save-dev eslint-plugin-unused-imports@1.1.5 --registry https://registry.npmjs.org --legacy-peer-deps
为了解决公司私服拉不到包的问题,用--registry

配置.eslintrc.js文件

`module.exports = {
root: true,
env: {
node: true,
},
extends: [
"plugin:vue/essential",
"eslint:recommended",
// "plugin:prettier/recommended",
],
parserOptions: {
parser: "@babel/eslint-parser",
},
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "error",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "error",
// 自动删除未使用的 import
"unused-imports/no-unused-imports": "error",

// 如果你同时使用 @typescript-eslint,还需关闭它的冗余规则
"@typescript-eslint/no-unused-vars": "off",
"no-unused-vars": "off" // 关闭原生规则,避免冲突

},
plugins: [
'unused-imports'
],
};
`

运行

npm run lint -- --fix,执行.eslintrc.js的配置规则
package.json 安装了 @vue/cli-service,且有该脚本"lint": "vue-cli-service lint"

posted @ 2026-01-27 16:20  BellaYoo  阅读(0)  评论(0)    收藏  举报