happychin-web/nuxt.config.ts

import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import AutoImport from 'unplugin-auto-import/vite'
import path from 'path'
// import {useStoreI18n} from './utils/i18n.js'
// const { $$t } = useStoreI18n()
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({

  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  modules: [
    '@nuxtjs/i18n',
    '@element-plus/nuxt'

  ],

 
  alias: {
    // 将 `@css` 映射到 `public/css` 文件夹
    '@': 'assets',
    '~': `${path.resolve(__dirname, 'styles')}/`,
  },
  i18n: {
    locales: ["en","zh"],
    defaultLocale: 'zh',
    strategy: 'no_prefix',
    vueI18n: './i18n.config.ts',
  },
  runtimeConfig: {
    public: {
      baseApi: process.env.VITE_APP_BASE_URL,
    }
  },
  app: {
    head: {
      title: '开心中文',
      meta: [
        {
          name: 'charset',
          content: 'utf-8'
        },
        {
          name: 'viewport',
          content: 'width=device-width,width=1250,maximum-scale=1.0'
        },
        {
          name: 'renderer',
          content: 'webkit'
        }
      ],
      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
    }
  },
  devServer: {
    port:3002
  },
  vite: {
    css: {
      preprocessorOptions: {
         // 设置你的主题色
        scss: {
          additionalData: `@use "~/element/index.scss" as *; `
        }
      }
    },
    plugins: [
      Components({
        resolvers: [ElementPlusResolver()],
      }),
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
  // css: [
  //   '@/css/swiper-bundle.min.css', // 引入 FontAwesome 样式
  // ],
  // build: {
  //   transpile: ['@fortawesome/fontawesome-free'], // 确保 FontAwesome 样式和字体文件能够被编译
  // }
})