webpack 日常操作,关于样式文件的打包

108 阅读1分钟

webpack,配置完样式 loader,run 起来后,样式文件都通过<style>标签的方式写在<head>中,并且项目中有N个样式文件, 那就有N个<style>标签,这让我很尴尬

s1.jpg

  • 当然需要打包成一个css文件才行, 配置走起,王德发~~
安装并且引入这个插件
const MiniCssExtractPlugin = require('mini-css-extract-plugin')

s2.jpg

s3.jpg

  • 配置完后,重新 run 一遍,生成一个css文件,并自动引入

s4.jpg


参考文献: blog.csdn.net/Coralpapy/a…

参考文献:webpack.docschina.org/plugins/min…

参考文献:blog.csdn.net/aa_mmnn/art…

结语

前端react QQ群:788023830 ---- React/Redux - 地下老英雄

前端交流QQ群:249620372 ---- FRONT-END-JS前端

(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习