suqian_account/vite.config.ts

/*
 * @Author: jixiang
 * @Date: 2021-07-07 15:19:05
 * @Description: 配置中心
 * @FilePath: /suqian_account_new/vite.config.ts
 * One World One Drefeel(56580223@qq.com)
 */
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import styleImport from 'vite-plugin-style-import';

// import path from 'path';
import path, { resolve } from 'path'; // 主要用于alias文件路径别名
// https://vitejs.dev/config/

const setAlias = (alias: [string, string][]) =>
  alias.map((v) => {
    return { find: v[0], replacement: path.resolve(__dirname, v[1]) };
  });

export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: 'ant-design-vue',
          esModule: true,
          resolveStyle: (name) => {
            return `ant-design-vue/es/${name}/style/css`;
          },
        },
      ],
    }),
  ], // 配置需要使用的插件列表，这里将vue添加进去
  // 配置文件别名 vite1.0是/@/  2.0改为/@
  // 这里是将src目录配置别名为 /@ 方便在项目中导入src目录下的文件
  resolve: {
    alias: setAlias([['@', 'src']]),
  },
  // 强制预构建插件包
  optimizeDeps: {
    include: ['axios'],
  },
  // 打包配置
  build: {
    target: 'modules',
    outDir: 'dist', //指定输出路径
    assetsDir: 'bookManage/assets', // 指定生成静态资源的存放路径
    minify: 'terser', // 混淆器，terser构建后文件体积更小
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          hack: `true; @import (reference) "${path.resolve('src/styles/index.less')}";`,
        },
        javascriptEnabled: true,
      },
    },
  },

  // 本地运行配置，及反向代理配置
  server: {
    cors: true, // 默认启用并允许任何源
    open: true, // 在服务器启动时自动在浏览器中打开应用程序
    host: '0.0.0.0',

    //反向代理配置，注意rewrite写法，开始没看文档在这里踩了坑
    // proxy: {
    //     '/api': {
    //         target: 'http://192.168.99.223:3000',   //代理接口
    //         changeOrigin: true,
    //         rewrite: (path) => path.replace(/^\/api/, '')
    //   }
    // }
  },
});