在一些Webpack示例中，您会看到对“规则”数组的引用：
module.exports = {
module: {
rules: [
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
//resolve-url-loader may be chained before sass-loader if necessary
use: ['css-loader', 'sass-loader']
})
}
]
},
plugins: [
new ExtractTextPlugin('style.css')
//if you want to pass in options, you can do so:
//new ExtractTextPlugin({
// filename: 'style.css'
//})
]
}
（https://github.com/webpack-contrib/extract-text-webpack-plugin）
在另一个加载器数组中：
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
loader: "css-loader"
})
},
{ test: /\.png$/, loader: "file-loader" }
]
},
plugins: [
new ExtractTextPlugin({
filename: "style.css",
allChunks: true
})
]
};
（https://github.com/webpack/webpack/tree/master/examples/css-bundle）
有什么区别？应该使用哪个？
Webpack 1中使用了加载程序，Webpack 2中使用了规则。他们说，将来将不赞成使用“ Loaders”，而推荐使用module.rules。
请参阅官方Webpack网站上的“ 迁移版本 ”。