首页 > 原创文章 > 软件开发 > 查看文章

在Nuxt 3中,配置加载sass文件路径的方法

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-05-18 09:44 IP属地: 深圳
点击阅读全文

在使用前端框架Nuxt 3开发时,如何配置自定义的scss文件路径呢?有同学使用

loadPaths: ['@/assets/css']

来设置路径,但是无效,是因为在loadPaths中,@符号不起作用,不能代表根目录。正确的方法是:

export default defineNuxtConfig({
	vite: {
		css: {
			preprocessorOptions: {
				scss: {
					loadPaths: ['./assets/css'],
				},
			},
		},
	},
});

//如果使用了modern或者modern-compiler APIs
export default defineNuxtConfig({
	vite: {
		css: {
			preprocessorOptions: {
				scss: {
					api: 'modern-compiler',
					loadPaths: ['./assets/css'],
				},
			},
		},
	},
});


相关文章

composer更新指定包

composer更新指定包的命令composer require alibabacloud/dysmsapi-20170525:2.0.24 --ignore-platform-reqscomposer update alibabacl...

Android Studio 打包APP制作...

在使用androidstudio打包app时,需要制作JKS证书,具体的命令如下:D:\Program Files\Java\jre1.8.0_301\bin keytool -genkey -v -keystore dlq6.jks ...

uniapp picker 多列数据更新后不...

在uniapp中,使用picker multiSelector多列联动选择时,单独更新某列数据后,在前端没有显示,之前的写法:this.data_list[1]=[];var aaa=[];aaa.push(1);aaa.push(2)...

织梦dedecms防止木马漏洞的方法

织梦dedecms,很多站长起初建设网站都是织梦dedecms。因为程序非常符合seo优化,但是随着用的人越来越多,特别是一些精通织梦的人就想着搞一搞别人用织梦做的站,所以织梦出现了很多安全漏洞问题,该如何设置网站安全防护呢?

推荐文章

CSS常用字体及网页引用方式

1.字体列表及引用链接鸿蒙字体-B站400 字重 CSS://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css500 字重 CSS://s1.hdslb.com/bfs/static...

微信小程序开发生成普通二维码打开小程序的方法

在开发微信小程序的过程中,生成的是带有logo的小程序二维码,并且这个二维码不是通用的二维码,而是只能用微信打开的专属二维码,如图:遇到这样一个需求,生成的二维码要方形的通用二维码,并且不能带有小程序的logo。这种该怎么实现呢?经过查询,...

photoshop打不开任何文件的解决方法

有同学反应,在使用photoshop时,忽然文件打不开了,先后试了下psd格式、jpg格式、png格式的,等等等等,全都打不开,重启了电脑也不行,这是怎么回事呢?经过丁老师研究后发现,这是因为安装的是非正版photoshop,在使用时,没有...

安装fastadmin提示“你所浏览的页面暂...

安装fastadmin,打开后提示"你所浏览的页面暂时无法访问",无法安装,是因为程序的runtime没有写权限,需要对runtime目录,添加写权限。解决方法:windows:右键目录,写入按钮打勾。如果不行,在“安全...

QQ咨询 微信咨询