使用webpack工具打包，通过配置Loader加载器中规则 rules，更好的实现项目前端工程化。rules具体配置模块的读取和分析规则，通常用来Loader。rules:[] 是一个数组，然后通过数组来存放，或则是描述，那些那些规则打包或是处理部分文件。配置一项rules时可以分一下几个条件配置：
一、条件匹配：通过test 、include(包含那些文件)、exclude（排除那些文件） 这三个配置项来选中Loader要应用规则的文件。
二、应用规则：选中的文件通过use配置项应用Loader,可以只应用一个Loader或者按照从后往前的顺序应用一组Loader，当然可以向加载器loader传入参数。
三、重置顺序：一组Loader执行的的是默认顺序，可以通过enforce选项将其中某个Loader 放到前面 或者 最后面
例子：
module:{
rules:[
test:/.scss/,
use:['style-loader','css-loader','sass-loader']//使用相应加载器
exclude：path.resolve(__dirname,'node_modules')//排除指定文件外
]
}
