js 語法檢查

js 語法檢查：eslint-loader   eslint 

只檢查自己寫的源代碼，第三方的庫不用檢查

設置檢查規則：

package.json 中 eslintConfig 設置：

browser：true  瀏覽器全局變量

airhub 代碼規范：https://github.com/airbnb/javascript

eslint 使用 airhub 檢查：   eslint-config-airbnb 和 eslint-config-airbnb-base（前者可以檢查 react ）

 eslint-config-airbnb  包含 ECMAScript 6 + 以及 React 的 ESLint 代碼規范。在安裝 eslint-config-airbnb 的時候，它會一同安裝 eslint, eslint-plugin-import, eslint-plugin-react, and eslint-plugin-jsx-a11y。如果你的項目不是 React 的話，那麼你可以選擇eslint-config-airbnb-base。

eslint-config-airbnb-base  包含ECMAScript 6 + 的 ESLint 代碼規范。安裝它的時候，它會需要 eslint 和 eslint-plugin-import。

https://www.npmjs.com/search?q=eslint

index.js 中 add 函數的空格不規范，在 webpack 中配置使用 eslint 檢查，

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

module.exports={
    entry:'./src/index.js',
    output:{
        filename:'bundle.js',
        path:resolve(__dirname,'build')
    },
    module:{
        rules:[
            {
                test:/\.js$/,  //js代碼規范
                exclude:/node_modules/,
                loader:'eslint-loader',
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ],
    mode:'development'
}

npx webpack 執行后，有報錯信息：

關於空格不規范的3個爆紅，以及 console 輸出打印的警告，eslint 不希望有這些打印調試，

eslint 配置 自動修改代碼，以及忽視打印調試的警告：

沒有任何警告和報錯了：