Webpack4-eslint小坑

使用Eslint規範程式碼時 出現以下報錯

Module build failed (from ./node_modules/eslint-loader/index.js): TypeError: Cannot read property 'eslint' of undefined

這是因為webpack4版本 無法找到 eslint-loader試圖訪問this.options被刪除的內容

問題地址 : https://github.com/webpack/webpack/issues/6556

解決方法

new webpack.LoaderOptionsPlugin(
    {
      minimize: true,
      debug: false,
      options: {
        context: __dirname
      }
    }
 )
複製程式碼

LoaderOptionsPlugin使用：https://webpack.docschina.org/plugins/loader-options-plugin/

順便推薦個好用的外掛

npm i husky -D -- git commit 自動校驗提交程式碼是否規範

//package.json  
//client 是我要校驗的檔案目錄 
+ "precommit": "npm run eslint --ext .js --ext .jsx --ext .vue client/",
複製程式碼

接下來的所有git commit 提交 都會進行Eslint校驗了