05js語法檢查、js兼容性處理

js語法檢查

js語法檢查插件:eslint-loader eslint
js語法規則插件:eslint-config-airbnb-base eslint-plugin-importnode

  1. 安裝eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import
    npm install eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import -D
  2. 在webpack.config.js中引用配置rules規則
{
    /**
     * 語法檢查:eslint-loader eslint
     *     注意:只檢查本身寫的源代碼,第三方的庫是不用檢查的
     *     設置檢查規則:
     *      package.json中eslintConfig中設置~
     *      "eslintConfig": {
                "extends": "airbnb-base"
            }
     *      airbnb --> eslint-config-airbnb-base eslint-plugin-import eslint
     */
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'eslint-loader',
    options: {
        // 自動修復eslint的錯誤
        fix: true
    }
}

3.在package.json中配置引用的規則插件:airbnb-basewebpack

"eslintConfig": {
   "extends": "airbnb-base"
}
相關文章
相關標籤/搜索