vue3+vite使用scss

1、安装依赖

npm install sass -d

2、配置vite.config.js

 css: {

    preprocessorOptions: {

      scss: {

        additionalData:'@import "@/assets/styles/main.scss";'

      }

    }

  },

3、在对应目录下创建main.scss

$blue: #3385ff

4、在对应文件引用变量,成功!

你可能感兴趣的:(vue,scss,前端,css)