>[success] # webpack 使用esLint ~~~ 1.需要安裝'eslint-loader' 并且配置好對應loader 即可 ~~~ >[danger] ##### 舉個例子 ~~~ const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { mode: 'production', entry: './src/main.js', module: { rules: [ { test: /\.js$/, exclude: /node_modules/, // 方法1 將eslint放在babel-loader后 // 執行順序是從后向前 use: 'babel-loader' // [ // 'babel-loader', // 'eslint-loader' // ] }, // 方法2： 單獨引進eslint 使用enforce屬性將順序置前 { test: /\.js$/, exclude: /node_modules/, use: 'eslint-loader', enforce: 'pre' }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] } ] }, plugins: [ new HtmlWebpackPlugin({ template: 'src/index.html' }) ] } ~~~