第五章-在开发(dev)和构建(build)中进行代码规范校验

637 阅读1分钟

在开发(dev)和构建(build)中进行代码规范校验

vite-plugin-eslint

  • 安装
npm install --save-dev vite-plugin-eslint
  • 配置 vite.config.ts:

      import { defineConfig } from 'vite'
      import vue from '@vitejs/plugin-vue'
      import eslint from 'vite-plugin-eslint'
    
      export default defineConfig({
        plugins: [vue(), eslint()]
      })
    

    配置完成后记得重启项目

    image.png

报错

在打包构建的时候碰到了这个报错:Could not find a declaration file for module 'vite-plugin-eslint'.

image.png

解决方法:

node_modules目录下找到vite-plugin-eslint编辑package.json

image.png

"exports": {
    ".": {
      "types": {
        "require": "./dist/index.d.ts",
        "import": "./dist/index.d.ts"
      },
      "import": "./dist/index.mjs",
      "require": "./dist/index.js"
    }
}