webpack学习---生产模式--js语法检查

js语法检查 需要npm下载 eslint-loader  eslint  eslint-config-airbnb-base  eslint-plugin-import

    airbnb是一个知名的语法规范

 

    设置检查规则要在package.json中设置

        设置检查规则：

                    "eslintConfig": {

                        "extends": "airbnb-base"

                    }

   

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

                module.exports = {
                entry: './src/js/index.js',
                output: {
                    filename: 'js/built.js',
                    path: resolve(__dirname, 'build')
                },
                module: {
                    rules: [
                    /*
                        语法检查： eslint-loader  eslint
                        注意：只检查自己写的源代码，第三方的库是不用检查的
                        设置检查规则：
                            package.json中eslintConfig中设置~
                            "eslintConfig": {
                                "extends": "airbnb-base"
                            }
                            airbnb --> eslint-config-airbnb-base  eslint-plugin-import eslint
                    */
                    {
                        test: /\.js$/,
                        exclude: /node_modules/,
                        loader: 'eslint-loader',
                        options: {
                        // 自动修复eslint的错误
                        fix: true
                        }
                    }
                    ]
                },
                plugins: [
                    new HtmlWebpackPlugin({
                    template: './src/index.html'
                    })
                ],
                mode: 'development'
                };