四、webpack 加载器loader（安装、配置）

webpack默认只能打包处理以 .js 后缀名结尾的模块，需要利用loader加载器才可以正常打包，否则报错。
loader加载器作用：协助webpack打包处理特定的文件模块。

• css-loader 打包处理 .css相关的文件
• less-loader 打包处理 .less相关的文件
• url-loader 打包处理 css中的图片url
• babel-loader 打包处理webpack无法处理的高级js语法

css

1. 安装 npm i style-loader css-loader -D
2. 配置：

// webpack.config.js
module.exports = {
   
	mode:'development',
	...,
	module:{
   //所有的第三方文件模块匹配规则
		rules:[//文件后缀名的匹配规则
			{
   test:/\.css$/,use:['style-loader','css-loader']}，//use数组中多个loader的位置不能换，否则不生效，但是loader的调用顺序是从后往前，及先css-loader再style-loader
		]
	}
}