nuxt.config.ts

import process from 'node:process'
import { appDescription } from './app/constants/index'
import preload from './app/utils/preload'

export default defineNuxtConfig({
  nitro: {
    devProxy: {
      '/api': {
        target: 'http://27.124.5.14:9012', // 你要代理的目标地址
        // target: 'https://www.mxr2020.com:6443/api', // 你要代理的目标地址
        changeOrigin: true,
        prependPath: true,
        rewrite: (path: string) => path.replace(/^\/api/, ''),
      },
    },
    minify: true,
    compressPublicAssets: true,
    prerender: {
      crawlLinks: true,
    },
  },

  modules: [
    '@unocss/nuxt',
    '@nuxtjs/color-mode',
    '@nuxt/eslint',
    '@pinia/nuxt',
    'pinia-plugin-persistedstate/nuxt',
    '@varlet/nuxt',
    '@vant/nuxt',
  ],
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE,
    },
  },
  plugins: [
    '~/plugins/debounce.js',
  ],
  css: [
    '@unocss/reset/tailwind.css',
    './app/styles/vars.css',
    './app/styles/global.css',
    './app/styles/default-theme.css',
  ],

  postcss: {
    plugins: {
      'autoprefixer': {},

      // https://github.com/wswmsword/postcss-mobile-forever
      'postcss-mobile-forever': {
        appSelector: '#__nuxt',
        viewportWidth: 375,
        maxDisplayWidth: 600,
        // devtools excluded
        exclude: /@nuxt/,
        border: true,
        rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],
      },
    },
  },

  colorMode: {
    classSuffix: '',
    preference: 'system',
    fallback: 'light',
    storageKey: 'nuxt-color-mode',
  },
  app: {
    pageTransition: {
      name: 'fade',
      mode: 'out-in', // 默认值
    },
    layoutTransition: {
      name: 'fade',
      mode: 'out-in', // 默认值
    },
    head: {
      viewport: 'width=device-width,initial-scale=1,viewport-fit=cover',
      link: [{ rel: 'icon', href: '/favicon.ico', sizes: 'any' }],
      meta: [
        {
          name: 'viewport',
          content: 'width=device-width, initial-scale=1, viewport-fit=cover',
        },
        { name: 'description', content: appDescription },
        {
          name: 'apple-mobile-web-app-status-bar-style',
          content: 'black-translucent',
        },
        {
          name: 'theme-color',
          media: '(prefers-color-scheme: light)',
          content: '#ffffff',
        },
        {
          name: 'theme-color',
          media: '(prefers-color-scheme: dark)',
          content: '#222222',
        },
      ],
      script: [
        { innerHTML: preload(), type: 'text/javascript', tagPosition: 'head' },
      ],
    },
    // buildAssetsDir: '/_nuxt/',
    // ssr: true,
  },
  vite: {
    plugins: [
      // obfuscatorPlugin({
      //   include: ["src/path/to/file.js", "path/anyjs/**/*.js", /foo.js$/],
      //   exclude: [/node_modules/],
      //   apply: "build",
      //   debugger: true,
      //   options: {
      //     debugProtection: true,
      //   },
      // }),
    ],
    build: {
      target: 'es2015', // 已经正确设置为 es2015
      minify: 'terser',
      terserOptions: {
        compress: {
          drop_console: true,
        },
        format: {
          // 添加以下配置以确保生成更兼容的代码
          comments: false,
          safari10: true,
        },
        safari10: true,
      },
    },
    optimizeDeps: {
      include: ['@intlify/core-base', '@intlify/shared', 'is-https'],
    },
  },

  experimental: {
    typedPages: true,
  },
  // generate: {
  //   // 在生成的文件名中包含哈希值
  //   subFolders: false,
  //   dir: 'dist',
  //   routes: ['/'],
  //   fallback: true,
  //   interval: 0,
  //   concurrency: 500,
  //   devtools: false,
  //   quiet: false,
  //   analyze: false,
  //   watch: false,
  //   cache: {
  //     maxAge: 1000 * 60 * 60 * 24 * 30 // 30 days
  //   },
  //   http2: {
  //     push: true,
  //     cache: {
  //       maxAge: 1000 * 60 * 60 * 24 * 30 // 30 days
  //     }
  //   },
  //   // 添加版本号或哈希值到文件名
  //   filenameHashing: true
  // },
  devtools: {
    enabled: true,
  },

  typescript: {
    shim: false,
  },

  features: {
    // For UnoCSS
    inlineStyles: false,
  },

  eslint: {
    config: {
      standalone: false,
    },
  },

  future: {
    compatibilityVersion: 4,
  },

  compatibilityDate: '2024-09-24',

})