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

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

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


标签:

相关文章

使用C#读取Excel文件内容的两种方法

使用c#读取excel文件可以通过OleDbDataAdapter来进行读取,将excel文件作为数据库,以检索数据的方式来读取excel内容。具体代码如下:var fileName = string.Format("{0}...

Css中Flex布局下两边高度不一致的解决方...

在css中,flex弹性布局可以实现内部对象左右、垂直的对齐,在多个html对象中,设置flex后一般情况下,内部的对象高度是保持一致的。比如一个div设置了flex,内部有3个div,这3个div的高度以最高的一个div高度值为准保持...

IDEA IDE换行自动显示的}括号如何去掉

在使用idea旗下的产品,如intellij idea,php storm,web storm时,有的时候编辑前端页面JS,在换行时经常会自动出现个}大括号,这一点程序不是很智能,其实后边都已经有括号了。比如下图这样:那么如何解决这个问...

JS/Php/Java/Python常用语法...

js#replace替换 var str="Hello world! world is beautiful."; var str_new=str.replace("world","Jav...

推荐文章

FastAdmin add/edit方法不更...

问题:fastadmin的add/edit方法无法保存数据,检查了页面,name=row['name']正常传送,检查controller,也是默认的方法,什么也没有动可就是无法保存数据。解决:经过仔细研究发现,原来是htm...

Uniapp开发微信小程序怎么模拟位置?

废话不多说,直接上货。在微信开发者工具调试栏,找到Sensor(传感器)。Geolocation,勾选启用,下边输入经纬度即可!

小程序开发的流程费用以及需要什么准备材料?

小程序定制开发的流程和费用,以及需要准备的材料,(包括但不限于微信小程序、百度小程序、支付宝小程序、抖音小程序、小红书小程序)具体如下:一、小程序开发的行政流程1.确定软件开发公司,和开发公司签订合同2.甲方支付首期开发费用3.乙方开始进行...

Hbuilder开发APP时,找不到真机的解...

正确的USB连线,其次打开开发者选项、USB调试,这些都是老生常谈,就不说了。在确保以上操作无误后,如果还找不到真机,关闭IDE,然后去adb的目录下,即HBuilderX\plugins\launcher\tools\adbs,把adb....