《深入浅出webpack》学习——1.4：打包最简单的css文件

1.需要安装两个包：css-loader style-loader
css-loader：将js中require的css文件提取出来
style-loader：创建style标签，把css注入html

2.根目录创建index.css文件

3.main.js引入css文件：

4.配置webpack.config.js

5.index.html引入打包后的css文件

6.执行npm run build打包，css将会被注入./dist/bundle.js中
此时的目录结构：

7.打开index.html:

8.分析
这样打包，css最终是被插到html的head的style标签中：

而且css是和js杂糅的，下一节配置打包生产单独的css文件