一招搞定Nuxt3中配置全局样式和全局变量

// nuxt.config.ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  css: ['@/assets/style/global.less'],  // 全局样式
  vite: {
    css: {
      preprocessorOptions: {
        less: {
          additionalData: '@import "@/assets/style/global.less";',  //全局引入变量
        },
      },
    },
  },
})

打开项目发现padding 和 background都生效了