webpack4.0-eslint与webpack-15

安装eslint

npm i eslint --save-dev

通过命令行初始化eslint

npx eslint --init

其次安装eslint-loader

npm i eslint-loader --save-dev

在webpack.config.js中配置eslint-loader

 module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: ['babel-loader', {
          loader: 'eslint-loader',
          options: {
            fix: true, // 当有一些浅显的问题，eslint可进行简单的修复
            cache: true, // 打包时可以提升一定的速度
          },
        }],
      },
    ],
  },

在devServer中配置选项

 devServer: {
    overlay: true, // 用于浏览器显示eslint错误或警告
}