webpack - 如何更改 vue.js 应用程序中的 lint 目录？

Question

我正在现有的 PHP 应用程序中设置 Vue.js。由于 PHP 应用程序具有现有的目录结构，我必须使用 vue.config.js 文件更改 Vue Inspect 中的一些默认位置。我要检查的站点的 vue 部分保存在:

/src/vue-app

当运行“npm run lint”时，它会查看“/src”下的所有内容。我如何告诉 linter 只查看“/src/vue-app”？我的 vue.config.js 文件目前看起来像这样:

const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')

module.exports = {
  // options...
  baseUrl: 'https://local.my-site.com/dist/vue-app',
  outputDir: '/sites/my-site/public/dist/vue-app',
  configureWebpack: config => {
    return {
      entry: {
        app: './src/vue-app/main.js'
      },
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './src/vue-app')
        }
      }
    }
  },
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        return [{
          template: path.resolve(__dirname, './src/vue-app/index-default.phtml'),
          filename: path.resolve(__dirname, './sites/my-app/module/Dash/view/dash/index.phtml')
        }]
      })
  }

}

更新:

我在我的 package.json 文件中配置了以下内容。

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e"
  },

还有这个……

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

Answer 1

因此，虽然我希望有一种更简单的配置方法，但我在自己的项目中找到了前进的道路:

1. Vue CLI 项目位于 /src/webapp/
2. .eslintrc 和 .prettierrc 位于 src/webapp
3. package.json 位于根目录 /

因此，要使命令 vue-cli-service lint 仅针对我的 Vue CLI 目录。得到的定义是:

vue-cli-service lint ./src/webapp/**/*.js ./src/webapp/**/*.vue

希望这对其他人有帮助!