先以下的 css 的处理我们都把 mode 设置为 production

webpack4 开始使用: mini-css-extract-plugin插件, 1-3 的版本可以用: extract-text-webpack-plugin

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

抽取了样式,就不能再用 style-loader注入到 html 中了。

npm install --save-dev mini-css-extract-plugin

webpack 样式表抽离成专门的单独文件并且设置版本号,Error: No PostCSS Config found in... 随笔 第1张

再次运行打包:

在 dist 目录中已经把 css 抽取到单独的一个 css 文件中了。修改 html,引入此 css 就能看到结果了。

注意: 此时会报错: Error: No PostCSS Config found in...

webpack 样式表抽离成专门的单独文件并且设置版本号,Error: No PostCSS Config found in... 随笔 第2张

 

 
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄