PortableDeviceAdmin/config/vite.config.base.ts

import { resolve } from 'path';
import { defineConfig } from 'vite';
// import { viteMockServe } from 'vite-plugin-mock';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import svgLoader from 'vite-svg-loader';
import basicSsl from '@vitejs/plugin-basic-ssl';
import configArcoStyleImportPlugin from './plugin/arcoStyleImport';

export default defineConfig({
  base: '/foreground/',
  plugins: [
    vue(),
    vueJsx(),
    svgLoader({ svgoConfig: {} }),
    configArcoStyleImportPlugin(),
    basicSsl(),
    // viteMockServe({
    //   mockPath: 'src/mock/index.ts',
    //   localEnabled: true,
    //   prodEnabled: true,
    //   watchFiles: true,
    //   injectCode: `
    //     import { setupProdMockServer } from './mockProdServer';
    //     setupProdMockServer();
    //   `,
    //   logger: true,
    // }),
  ],

  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, '../src'),
      },
      {
        find: 'assets',
        replacement: resolve(__dirname, '../src/assets'),
      },
      {
        find: 'vue-i18n',
        replacement: 'vue-i18n/dist/vue-i18n.cjs.js', // Resolve the i18n warning issue
      },
      {
        find: 'vue',
        replacement: 'vue/dist/vue.esm-bundler.js', // compile template
      },
    ],
    extensions: ['.ts', '.js'],
  },
  define: {
    'process.env': {},
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          'arcoblue-6': '#8ac5ff',
          'color-bg-2': '#051F44',
          'color-bg-3': '#0d2952',
          'gray-2': '#051F44',
          'gray-10': '#fff',
          'gray-8': '#fff',
          'gray-3': '#122863',
          'color-menu-light-bg': '#051F44',
          'color-bg-popup': ' #14234b',
          'color-tooltip-bg': ' #14234b',
          'color-neutral-1': '#1f4374',
          'color-fill-1': '#1f4374',
          'color-fill-2': '#0d2952',
          'color-primary-light-1': '#003660',
        },
        javascriptEnabled: true,
      },
      scss: {
        api: 'modern-compiler',
        silenceDeprecations: ['legacy-js-api'],
        additionalData: '@import "@/assets/style/breakpoint.scss";',
      },
    },
  },
});