// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  $production:{
    
  },
  $development:{
    
  },
  runtimeConfig:{
    apiSecret: '123',
    public: {
      apiBase: '/api'
    }
  },
  vite:{
    // 这个配置项允许你为 CSS 预处理器设置特定的选项,在这里，它是用来配置 SCSS/SASS 处理器的。
    css:{
      preprocessorOptions:{
        scss:{
          // 这个属性允许你在每个 SCSS 文件被编译之前，自动插入一些额外的 SCSS 代码。
          // 这意味着你指定的 SCSS 代码会在每个 SCSS 文件的顶部被注入
          additionalData: '@use "@/assets/_colors.scss" as *;'
          // 这行代码是 SCSS 的 @use 规则，用于导入 _colors.scss 文件，并通过 as * 将其所有变量和混合等内容导出到全局作用域，
          // 使得在任何使用 SCSS 的地方都能直接访问 _colors.scss 中定义的变量和混合等，而不需要每次导入。
        }
      }
    }
  },
  modules:[
    '@unocss/nuxt',
  ],
})