importLoaders: 2

来源:3-4 使用 Loader 打包静态资源(样式篇 - 下)

诺巴蒂

2019-11-03

{
	test: /\.scss$/,
	use: [
		'style-loader', 
		{
			loader: 'css-loader',
			options: {
				importLoaders: 2,
				modules: true
			}
		},
		'sass-loader',
		'postcss-loader'
	]
}

这个是不是因为 loader 从后往前执行的,所以执行到 css-loader 后面两个loader 已经执行过了,所以样式文件里再引入的样式文件会不执行后面两个 loader 了
那把 css-loader 写在最后是不是就可以不写 importLoaders: 2, 了,先处理css-loader合并再进行 sass-loader postcss-loader

写回答

2回答

歌舞剧

2020-03-02

//img1.sycdn.imooc.com/szimg/5e5c7b930992242606330098.jpg,css-loader 会解析各个css文件之间的关系,合并成一段css;css-loader 遇到@import ‘xxx.scss' 需要 先解析scss 语法

0
0

qq_下弦月_4

2019-11-11

我理解写在最后的话,css-loader就识别不了scss代码了,应该会报错

0
0

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程