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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-05-18 09:44 浏览: 1899 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'],
				},
			},
		},
	},
});


标签:

相关文章

做Windows桌面软件用哪种程序语言好?

最近有同学咨询丁老师,公司要做一款设备的管理系统,是要安装在Windows上的桌面客户端软件,这种Windows桌面软件,用什么程序架构开发比较好、比较稳定呢?针对这个问题,丁老师做一下介绍。Windows桌面客户端软件发展已久,自从W...

微信小程序开发者工具上传版本失败的解决方法

在开发微信小程序的过程中,开发完毕上传版本时出现提示“上传失败”,具体内容为“非法的文件,错误信息:invalid file”等等,如图:代码在本地运行的好好的,怎么就无法上传,是怎么回事呢?经过丁老师仔细的研究分析,发现这个问题很好解...

Composer更新指定包

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

Javascript复制对象改变原值的解决办...

在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={ "a":1, "b":2 } let new=old; new['c']=...

推荐文章

PhpStorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

宝塔面板phpmyadmin数据库表导航树禁...

宝塔面板的phpmyadmin,默认数据库表导航树是每30个一页,非常的不直观,可以通过修改宝塔phpmyadmin配置文件的方式来禁止他分页。修改方法:1.进入服务器/www/server/phpmyadmin/phpmyadmin_随机...

微信公众号如何集成对接网站网页

微信公众号可以把官网的网页集成进去吗?想通过微信公众号实现打开公司网站的页面,具体要怎么实现呢?其实这个功能,可以通过微信菜单的方式来实现...

低成本的政企软件系统维护服务

开源节流,控制生产成本,限制开销,是每个企业和单位都要采取的成本控制和管理措施。其中,人力成本是企业在经营中支出占比较大的一块。以IT信息化部门为例,一个负责企业软件系统运维的IT部门,至少需要配置3个员工,每个员工按照IT工程师3-5年工...

当前在线
免费咨询