在这篇webpack处理css资源文章中，使用了几个常用的loader来编译css代码。但实际上，配置加载器的方式不止一种。我们再看看其他的方式~在webpack.config.js中，通过module.exports导出配置，使用css-loader来处理.css结尾的文件module.exports={module:{rules:[{test:/\.css$/,使用:["css-loader"],},],},};在加载器的配置中，除了看到上面使用数组存储的字符串外，可能还有一种存储对象的方式。使用object形式时，一般使用options传参importLoaders:1,},},],},],},};由于只有一个loader，不需要传参，所以可以直接将use.exmodules简写为loader:{rules:[{test:/\.css$/,loader:"css-loader",},],},};可以概括为：模块中通过rules配置loader的规则对应一个数组，数组是一个Rule对象，可以设置多个属性。1、test属性表示匹配规则，通常使用正则表达式。2、use属性对应一个数组，可以存储对象。loader属性是一个字符串，表示使用哪个加载器来处理资源。options属性，一个字符串或一个对象，附加内容，值将被传递给加载器。也可以在数组中存放字符串，表示使用的loader，比如使用：["css-loader"]3.loader属性，当loader只有一个时，三种配置方式省略即可，可以灵活选择根据不同的配置场景。以上就是loader的三种配置方式。更多关于webpack的内容可以参考我的其他博文，正在更新中~
