在webpack中配置eslint配置实现自动检测代码规范

1.先安装 npm i eslint-loader --save-dev
2.在webpack.config.js中配置 module部分

module.exports = {
  devServer: {
    host:process.env.HOST,
    port:52152,
  },
  entry: {
    app:PATHS.app,
  },
  output: {
    path: PATHS.build,
    filename: '[name].js',
  },
  module: {
    rules:[
      {
        test: /\.js$/,
        enforce: 'pre',

        loader: 'eslint-loader',
        options: {
          emitWarning: true,
        },
      },
    ],
  },
  plugins:[
    new HtmlWebpackPlugin({
      title: 'Webpack demo',
    }),
  ],
};

配置module是在终端展示错误，
2.有的时候我们想在游览器中看一下
配置 overlay部分 就可以了

devServer: {
host:process.env.HOST,
port:52152,

	overlay: {
	  errors: true,
	  warnings: true
	}

},