有了这个包，我们打包的时候只需要webpack就可以了。简化了我们的打包操作。
但凡打包文件就只停留在被打包之前的文件，一旦更该就需要从新打包。
然后我们来做一下css.
创建一个子文件a.css文件，在里面设置样式，
在主文件里引入a.css文件
但是在打包文件的时候出现报错，需要下载一些依赖包，才能把问题解决掉。
打包css文件需要 Loader依赖包
css转成js less 转成js
json转成js png转成js
而loader就解决这些问题了
css文件打包到js 文件中，需要css-loader style-loader
把loader包下载完成后
在webpack.config.js文件中依赖的包的规则。
然后在终端打包webpack就可以了。
但是我们发现，每次稍微改一下css就要webpack一下，这样效率太低，但是又不敢写多，写多了又报错，所以我们就要添加热加载。
第三步：
添加热加载，热加载就是，改完一个文件，我们只要按住保存(ctrl+s)，然后就会自动刷新.
这里就需要一个包，Webpack-dev-server@ 2.9.4
webpack-dev-server是一个轻量级的服务器，修改文件源码后，自动刷新页面将修改同步到页面上。
这个包不能随便下载，因为我们使用的webpack是3.几，但是要下载Webpack-dev-server就得是2.几，但如果webpack是4.几，对应的Webpack-dev-serve就得是3.几（webpack的附属产品要比webpack低一个版本）
下载完成后，我们要到终端中启动服务器，也可以让浏览器自动刷新
但是每一次敲一长串命令太麻烦，还有一种启动命令是在项目根目录的package.json文件scripts配置中添加配置，如：
然后我们到终端输入npm run dev启动指令
我们刷新网页
这就要注意了，现在刷新页面，是一个测试环节，存在一个虚拟服务器，