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

相关推荐
北辰alk15 分钟前
Vue Router 404页面配置:从基础到高级的完整指南
vue.js
北辰alk19 分钟前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk23 分钟前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js
北辰alk24 分钟前
Vue 的 <template> 标签:不仅仅是包裹容器
vue.js
北辰alk33 分钟前
为什么不建议在 Vue 中同时使用 v-if 和 v-for?深度解析与最佳实践
vue.js
北辰alk35 分钟前
Vue 模板中保留 HTML 注释的完整指南
vue.js
北辰alk1 小时前
Vue 组件 name 选项:不只是个名字那么简单
vue.js
北辰alk1 小时前
Vue 计算属性与 data 属性同名:优雅的冲突还是潜在的陷阱?
vue.js
北辰alk1 小时前
Vue 的 v-show 和 v-if:性能、场景与实战选择
vue.js
计算机毕设VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue二手家电管理系统(源码+数据库+文档)
vue.js·spring boot·后端·课程设计