1. 程式人生 > >webpack基礎配置

webpack基礎配置

在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"