webpack资源打包入门，包含对css和图片文件打包和实时加载

1.css-loader打包css文件

(1).需要安装模块style-loader 和css-loader

npm install --save-dev style-loader css-loader

官方地址：https://www.webpackjs.com/guides/asset-management/#%E5%8A%A0%E8%BD%BD-css

(2)配置webpack.config.js文件，在module下的rules中加入css的配置，其中的两个loader顺序不能倒只能这样配置，style-loader用于js识别css,css-loader用于css转化为js,css-loader会把css文件种的内容在打包是打入到js文件种

2.file-loader打包图片

(1)安装模块file-loader

npm install -save-dev file-loader

官方地址：https://www.webpackjs.com/guides/asset-management/#%E5%8A%A0%E8%BD%BD%E5%9B%BE%E7%89%87

(2)配置webpack.config.js方法跟css-loader一样