javascript SDK开发之webpack中eslint的配置

eslint的好处就不多说了。代码检查，代码报错， 智能提示，让开发人员更规范的撸代码等等。

1.安装依赖

npm install --save-dev eslint eslint-friendly-formatter eslint-loader
//或
yarn add eslint eslint-friendly-formatter eslint-loader

2.根目录创建.eslintrc.js文件，配置eslint规则(为了便于开发，这里只列出常用的规则，更多详细rule规则可进官网查看)

module.exports = {
  root: true,
  // JavaScript 语言选项
  parserOptions: {
    ecmaVersion: 6,
    sourceType: 'module',
    //想使用的额外的语言特性:
    ecmaFeatures: {
      // 允许在全局作用域下使用 return 语句
      globalReturn: true,
      // impliedStric
      impliedStrict: true
    }
  },
  //全局变量
  globals: {
    "$": true,
    "process": true,
    "__dirname": true,
    "echarts": true
  },
  // 环境定义了预定义的全局变量。
  env: {
    browser: true,
    es6: true,
    amd: true,
    browser: true,
  },
  rules: {
    "no-var": 1, //对var警告
    "no-unused-vars": [1, { "vars": "all", "args": "none" }], //不能有声明后未被使用的变量或参数
    "no-const-assign": 1, //禁止修改const声明的变量
    "no-dupe-keys": 1, //在创建对象字面量时不允许键重复
    "no-duplicate-case": 1, //switch中的case标签不能重复
    "no-dupe-args": 1, //函数参数不能重复
    "no-func-assign": 1, //禁止重复的函数声明
    "no-redeclare": 1, //禁止重复声明变量
    "no-spaced-func": 1, //函数调用时 函数名与()之间不能有空格
    "no-this-before-super": 1, //在调用super()之前不能使用this或super
    "no-use-before-define": 1, //未定义前不能使用
    "no-else-return": 1,//如果if语句里面有return,后面不能跟else语句
    "no-fallthrough": 1,//禁止switch穿透
    "no-multiple-empty-lines": [1, {"max": 2}],//空行最多不能超过2行
    "no-return-assign": 1,//return 语句中不能有赋值表达式
    "no-shadow": 2,//外部作用域中的变量不能与它所包含的作用域中的变量或参数同名
    "consistent-this": [2, "that"],//this别名
    "default-case": 2,//switch语句最后必须有default
    "eqeqeq": 2,//必须使用全等
  }
}

效果：



骚年，我看你骨骼惊奇，有撸代码的潜质，这里有324.57GB的前端学习资料传授于你！什么，你不信？？？

先随便看几个图：









肯定没看够。再来个GIF图热个身？？？



那么问题来了，如果你也想入坑前端或者学习更多技术，广交天下朋友(基友)，认识更多有趣的灵魂，和沙雕网友在线斗图，撩更多小姐姐的话，欢迎加入前端交流群鸭~



扫二维码加为好友即可拉你入群哦。