webpack基礎配置 阿新 • • 發佈:2018-12-10 在npm run start時自動進行lintjs: npm install eslint-loader -D 並在webpack.config.js新增 module:{ rules:[ { test:/\.js$/, enforce:'pre', loader:'eslint-loader', options:{ emitWarning:true, }, }, ], }, 在瀏覽器上顯示報錯資訊 在webpack,config,js中進行配置 devServer:{ overlay:{ errors:true, warnings:true, }, }6.壓縮css或js npm install babili-webpack-plugin -D 在webpack.config.js新增const BabiliPlugin = require('babili-webpack-plugin'); const plugin = new ExtractTextPlugin({ filename:'[name].css', ignoreOrder: true, });//檔案壓縮配置 然後在plugins:{ // plugin,//檔案壓縮配置 // new BabiliPlugin(),//檔案壓縮配置 }7.SourceMaps webpack.config.js中配置 devtool:'source-map',//瀏覽器會給出原始碼路徑從而斷點除錯 8.編譯資訊 npm run status "status": "webpack --mode production --profile --json > status.json"