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

相关推荐
如果超人不会飞44 分钟前
TinyRobot SuggestionPills紧凑的建议按钮组组件
前端·vue.js
如果超人不会飞1 小时前
TinyRobot Container构建优雅的AI对话容器
前端·vue.js
如果超人不会飞1 小时前
TinyRobot SuggestionPopover智能建议弹出框组件
前端·vue.js
zhedream2 小时前
从模糊到清晰:一次组件重构里的开发哲学
vue.js
如果超人不会飞2 小时前
TinyRobot AI 对话组件库全组件使用指南
前端·vue.js
如果超人不会飞3 小时前
Vue.js
vue.js
往事随风灬4 小时前
我被 Volta 的“智能”坑了一下午:pnpm 为何无视项目 Node 版本?
前端·vue.js
如果超人不会飞4 小时前
TinyVue Layout 组件完全指南:别再手写 float 和 flex 了,栅格早该这样用
vue.js