vue3.0 + vite:中使用 sass

1、安装依赖

npm i sass sass-loader --save-dev

在项目的src/assets文件夹下新建style/index.scss 文件

2、在 vite.config.ts 中加:

复制代码
resolve: {
  alias: {
    '@': fileURLToPath(new URL('./src', import.meta.url))
  }
},
css: {
  // 配置 SCSS 支持
  preprocessorOptions: {
    scss: {
      additionalData: `@use "@/assets/index.scss" as *;`
    }
  }
}

3、在组件再直接引用即可

相关推荐
开发者小天1 天前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
永远的个初学者1 天前
图片优化 上传图片压缩 npm包支持vue(react)框架开源插件 支持在线与本地
前端·vue.js·react.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ1 天前
npm i / npm install 卡死不动解决方法
前端·npm·node.js
Kratzdisteln1 天前
【Cursor _RubicsCube Diary 1】Node.js;npm;Vite
前端·npm·node.js
杰克尼1 天前
vue_day04
前端·javascript·vue.js
明远湖之鱼1 天前
浅入理解跨端渲染:从零实现 React DSL 跨端渲染机制
前端·react native·react.js
悟忧1 天前
规避ProseMirror React渲染差异带来的BUG
前端
小皮虾1 天前
小程序云开发有类似 uniCloud 云对象的方案吗?有的兄弟,有的!
前端·javascript·小程序·云开发
Android疑难杂症1 天前
鸿蒙Notification Kit通知服务开发快速指南
android·前端·harmonyos
T___T1 天前
全方位解释 JavaScript 执行机制(从底层到实战)
前端·面试