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]'    
}    
},    
})

0

3

班大人

回复

慕粉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

1

0