我从 vite / vuejs 3 开始
使用 npm install -D sass 安装 sass 后,我尝试将我的 _variables.js 文件添加到 vite.config.js
css: {preprocessorOptions: {scss: {additionalData: `@import" ./src/css/_variables.scss ";`,},},},
Run Code Online (Sandbox Code Playgroud)
不工作!
它也适用于 vue.config
css: {
loaderOptions: {
sass: {
sassOptions: {
prependData: `@import" @ / css / _variables.scss ";`,
}
}
}
},
Run Code Online (Sandbox Code Playgroud)
之后尝试在 main.js import "./css/_variables.scss" 中导入文件
不幸的是,我的组件找不到变量,错误在哪里
在 Nuxt 中,我使用Style Resources 包使 SCSS 全局可用,并且我可以访问任何组件中的变量和 mixin。如何在 SvelteKit 中做同样的事情?