eslint webpack 配置筆記

安裝依賴
npm install --D eslint
npm install --D eslint-loader

2.在最外面添加.eslintrc.js 文件
module.exports = {
    root: true,    
    parserOptions: {
        ecmaVersion: 7,//表示使用es2016
        sourceType: 'module'//指定模塊類型sourceType爲module
    },
    env: {
        browser: true,
    },
    rules: {
        "indent": ["error", 2],
        "quotes": ["error", "double"],
        "semi": ["error", "always"],
        "no-console": "error",
        "arrow-parens": 0
    }
}

3.在webpack 下增加loader
 module: {
 rules: [
 {
      test: /\.js$/,
      loader: 'eslint-loader',
      enforce: "pre",
      include: [path.resolve(__dirname, '../src')], // 指定檢查的目錄
      options: { // 這裏的配置項參數將會被傳遞到 eslint 的 CLIEngine 
        //formatter: require('eslint-friendly-formatter') // 指定錯誤報告的格式規範
      }
    }
 ]
 }


4.萬能方法,就是在報錯的JS文件中第一行寫上 
/* eslint-disable */

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章