上一篇我们已经将 webpack 基本环境构建起来了,实际上webpack 本身只能将 es6 构建成 es5,
这个功能太弱,这一篇,我们打造让webpack 打包css ,这个时候我们就需要 css-loader style-loader
css-loader 是将 css 转成js 放到js 代码中的,而
style-loader 是在html 页面中生成样式style 标签用的
好,我们开始实际操作!
1, 安装npm i style-loader css-loader -D
2, 配置:
3, 我们写一个css 文件试试,试试又不会怀孕,试试又不要钱!
4,我们引入进到index.js 中!
我们在目标html 中写一个div ,看它起作用不?
行,到此我们就写好了!
我们命令行走起!
webpack
妥妥的运行没有任何问题,到此我们css 也可以构建了!