首页 > 其他分享 >Vite 项目添加 Sass 并配置全局样式

Vite 项目添加 Sass 并配置全局样式

时间:2022-08-21 19:13:45浏览次数:152  
标签:scss Sass 样式 color border Vite

(1)在 Vite 项目里,只需要安装 sass:

npm i -D sass

(2)Sass 的全局变量,需要在vite.config.ts配置一项:

css: {
  preprocessorOptions: {
    scss: {
      additionalData: "@import '@/assets/styles/variables.scss';"
    }
  }
}

@代表src根目录,关于Vite 目录别名配置官方文档。

(3)测试以及注意事项:

标签:scss,Sass,样式,color,border,Vite
From: https://www.cnblogs.com/Enziandom/p/16610571.html

相关文章