webpack配置文件-，loader

这篇写的很详细

https://segmentfault.com/a/1190000012718374#articleHeader9

主要的配置项：

test:必须 匹配需要处理的文件的扩展名

use:必须 需要使用的模块

include/exclude:非必须 需要处理的文件夹/不需要处理的文件夹

options:非必须 扩展项

Loader 的执行顺序是由后到前的

有三种写法：

// 1.use

module:{

　　rules:[

　　　　{

　　　　　　test:/\.css$/,

　　　　　　use:[\'vue-style-loader\',\'css-loader\']

　　　　}

　　]

}

//2.loader

module:{

　　rules:[

　　　　{

　　　　　　test:/\.css$/,

　　　　　　loader:[\'vue-style-loader\',\'css-loader\']

　　　　}

　　]

}

//3.use +loader

module:{

　　rules:[

　　　　test:/\.css$/,

　　　　use:[

　　　　　　{

　　　　　　　　"loader":"vue-style-loader "

　　　　　　},{

　　　　　　　　"loader":"css-loader",

　　　　　　　　options:{

　　　　　　　　　　minimize:true

　　　　　　　　}

　　　　　　}

　　　　]

　　]

}

常见的写法：

use:[\'vue-style-loader\',\'css-loader?minimize] 中的minimize 告诉 css-loader 要开启 CSS 压缩。

https://github.com/webpack-contrib/css-loader.git