vue.js - 禁用编译，包括 lint 或 linter

Question

我在构建我的网站（由 vue-cli 脚手架构建）时遇到问题，这也是学生的家庭作业。

制表和额外空格等 Linter 规则导致应用程序将它们显示为致命错误。

代码和语法违规肯定为什么不包括空格和制表符？

这对学生来说是不可能的。

我如何决定哪些 linter 规则被包含在 webpack/babel 编译中，哪些被忽略？

Answer 1

看看eslint 配置页面。您将能够使用.eslintrc.js. 您还可以使用文件定义不会被 linted 的路径.eslintignore。

例如，这是我在当前项目中使用的一个：

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  extends: [
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'html',
    'import'
  ],
  globals: {
    'cordova': true,
    'DEV': true,
    'PROD': true,
    '__THEME': true
  },
  // add your custom rules here
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    'one-var': 0,
    'import/first': 0,
    'import/named': 2,
    'import/namespace': 2,
    'import/default': 2,
    'import/export': 2,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'brace-style': [2, '1tbs', { 'allowSingleLine': true }],
    'no-return-assign': 0
  }
}

还有我的忽略文件：

build/*.js
config/*.js
dist/*.js