vite配置全局scss

javascript 复制代码
import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    port: 5173,
    host: '0.0.0.0'
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
            @use "@/assets/style/element/index.scss" as *;
            @use "@/assets/style/base.scss" as *;
        `,
        api: 'modern-compiler',
      },
    }, // 全局scss样式
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  }, // 路径别名
})

webpack配置全局scss_怎么在webpack中全局使用scss-CSDN博客文章浏览阅读1.2k次。【代码】webpack配置全局scss。_怎么在webpack中全局使用scsshttps://blog.csdn.net/m0_74149462/article/details/134507679

相关推荐
腻害兔2 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:IM 即时通讯模块,一个被低估的「全功能聊天系统」
java·前端·vue.js·产品经理·ai编程
妙码生花4 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(三十九):前端上传组件实现
javascript·vue.js·ai编程
JoyT6 小时前
Nuxt 3的核心设计与静态官网应用
前端·javascript·vue.js
无人生还10 小时前
从 Vue3 到 React · 快速上手系列第 5 篇:事件处理与表单(受控组件 vs v-model)
前端·vue.js·react.js
乌夷10 小时前
vue知识点
前端·javascript·vue.js
daols8810 小时前
vue vxe-context-menu 通用右键菜单组件使用
前端·javascript·vue.js·vxeui
腻害兔11 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:MES 制造执行模块,一个被严重低估的「工业级 ERP 核心」
vue.js·产品经理·制造
勇往直前plus20 小时前
Vue3(篇一) 核心概念——响应式模板语法与组件基础
前端·javascript·vue.js
咩咩啃树皮21 小时前
第43篇:Vue3计算属性(computed)完全精讲——缓存机制、依赖计算、业务最优解
前端·vue.js·缓存
郝亚军1 天前
webstorm如何创建vue 3.js
javascript·vue.js·webstorm