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'
                };

 

上一篇:Sublime Text3插件


下一篇:sublime text3安装后html:5+Tab不能快速生成html头部信息的解决办法