引入静态资源打包

当从index.scss中再引入个a.scss文件时候,打包时会不转义a.scss文件为css文件为浏览器解析,所以这时候要用到

options: {
							importLoaders: 2 //表示从index.scss文件中加载另一个scss,也是先执行前面两个loader
						}

比如在这里插入图片描述
在这里插入图片描述

{
					loader: 'css-loader', // 解析路径
					options: {
						importLoaders: 2 //表示从index.scss文件中加载另一个scss,也是先执行前面两个loader
					}
				},

引入是全局引入

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.引入iconfont图标字体打包

  1. 在目录的src中创建一个文件存放字体文件
    在这里插入图片描述
    2. 修改iconfot.css文件名字为index.css(入口CSS文件)
    和修改路径

在这里插入图片描述
3.index引入,并写样式
在这里插入图片描述
***4.配置文件中在scss文件处理规则上面添加这规则(因为Loader处理都是从下到上处理)*四个字体文件的后缀名

{
test: /.(eot|ttf|svg|woff)$/,
use: {
loader: ‘file-loader’
}
},

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值