相关疑难解决方法(0)

如何在vuejs3/vite中使用sass

我从 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" 中导入文件

不幸的是,我的组件找不到变量,错误在哪里

vuejs3 vite

34
推荐指数
4
解决办法
8万
查看次数

SvelteKit - 如何使 SCSS 变量/混合对所有组件全局可用?

在 Nuxt 中,我使用Style Resources 包使 SCSS 全局可用,并且我可以访问任何组件中的变量和 mixin。如何在 SvelteKit 中做同样的事情?

javascript css svelte sveltekit

11
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

javascript ×1

svelte ×1

sveltekit ×1

vite ×1

vuejs3 ×1