webpack4 提倡， 一旦用了這個， 不能使用style-loader 以及css module

安裝

npm install --save-dev mini-css-extract-plugin rules rules: [{test: /\.css$/,use: [ {loader: MiniCssExtractPlugin.loader,options: {// you can specify a publicPath here// by default it use publicPath in webpackOptions.outputpublicPath: '../'}}, "css-loader"]}] plugins new MiniCssExtractPlugin({// Options similar to the same options in webpackOptions.output// both options are optionalfilename: _modeflag ? "styles/[name].[hash:5].css" : "styles/[name].css",chunkFilename: _modeflag ? "styles/[id].[hash:5].css" : "styles/[id].css"}),

總結

以上是生活随笔為你收集整理的webapck将css 打包后单独提取到一个css文件中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。