vue使用scss
作者:
coderfl | 来源:发表于
2022-06-17 09:37 被阅读0次npm i sass-loader
npm i sass （vite+vue3仅需安装sass，内置loader）
<style lang="scss">
$color: red;
.aaa{
background-color: $color;
width: 100px;
height: 100px;
}
</style>
// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
// start
css: {
preprocessorOptions: {
scss: {
additionalData: '@use "./src/assets/css/common" as *;'
}
}
}
// stop
})
本文标题：vue使用scss
本文链接：https://www.haomeiwen.com/subject/abuqvrtx.html
网友评论