上篇文章了解了怎么去配置以及运行webpack，但是由于简单的打包js，有时候我们有很多css文件需要去打包，这个怎么办呢？不用着急，这边文章就是来一起学习怎么去简单的打包css文件。

配置webpack环境

首先创建空文件夹通过命令全局安装webpack（如果你已经全局安装过webpack，可以直接进行下一步初始化根目录）

这个配置能够完成简单的页面构建，各种资源打包优化(页面，CSS，JS,图片，字体)

初始化一个webpack项目

npm init
npm install --save-dev webpack webpack-cli

webpack目录结构

Webpack 学习目录：从入门到精通的学习路线

大家在开发前端项目的时候，随着项目的不断更新迭代以及产品经理的不断提需求，势必会用到各种各样的第三方库，那么我们用到的第三方库越来越多，整体项目的依赖也就会越来越多，整体项目打包的时候体积也就会越来越大，用webpack去build的时候时间也会越长。