vue3静态资源的引入

1.main.js中引用样式

//引入初始化样式文件

import '@/styles/common.scss'

2.市场扩展搜索error lens

3.自动引入scss

自动引入之前是这样手动引入的，无需导入即可引用

import '@/styles/var.scss'

新增一个var.scss文件

通过vite.config.js配置导入

css: {

preprocessorOptions: {

scss: {

// 自动导入定制化样式文件进行样式覆盖

additionalData: `

@use "@/styles/element/index.scss" as *;

@use "@/styles/var.scss" as *;

`,

}

}

}