vite 里怎么配置老师这俩个scss文件

来源：2-3 项目基础代码编写

班大人

2021-05-24

写回答

2回答

慕粉2204283380

2021-05-25

已采纳

import { defineConfig } from 'vite'

export default defineConfig({
resolve: {    
alias: {    
'@': resolve('./src')    
}    
},    
css: {    
preprocessorOptions: {    
scss: {    
additionalData: `    
         @import '@/assets/styles/variable';    
         @import '@/assets/styles/mixin';    
       `    
}    
},    
modules: {    
localsConvention: 'dashesOnly',    
generateScopedName: '[local]___[hash:base64:5]'    
}    
},    
})

班大人

慕粉2204283380

devServer要怎么写，跟vue.config.js 一样吗？

2021-05-25

共3条回复

小茂茂

2021-05-25

在 vite.config.ts 配置如下

css: {   
    preprocessorOptions: {     
        scss: {       
            // 在 scss 中全局引入 variables.scss 文件 @ 需要配置 alias     
            additionalData: `@import "@/styles/variables.scss";`     
        }   
    } 
}

文档地址 https://www.vitejs.net/config/#css-preprocessoroptions

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2232 学习 · 1012 问题

查看课程

相似问题

老师vite的 vite.config.js 怎么配置？我的都不执行backend

回答 4

有木有人能帮忙看下vite.config.js里配置代理server是哪里有问题呀

回答 1

怎么没有考虑使用vite

回答 1

为什么vue.config.js配置的sass，却用的scss的后缀

回答 1

跟着老师的代码敲，到引入这个recommend的js就报这样的bug了

回答 4

打开慕课网App查看更多内容