Skip to main content

常用配置

常用配置​

vite.config.ts

/*
 * @Author: CPS holy.dandelion@139.com
 * @Date: 2022-02-14 01:17:53
 * @LastEditors: CPS holy.dandelion@139.com
 * @LastEditTime: 2022-05-25 22:41:37
 * @FilePath: \YYS-Electron-vue3\packages\renderer\vite.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import pkg from "../../package.json";

import AutoImport from "unplugin-auto-import/vite";

export default defineConfig({
  mode: process.env.NODE_ENV,
  root: __dirname,
  plugins: [
    vue({ reactivityTransform: true }),

    // 自动导入内置模块
    AutoImport({
      imports: ["vue", "vue-router"],
      dts: "types/auto-imports.d.ts",
    }),
  ],

  base: "./",
  resolve: {
    alias: {
      "@": "/src/", // 同时jsconfig.json的paths要添加 "@":["./src/*"]
    },
  },

  build: {
    emptyOutDir: true,
    outDir: "../../dist/renderer",
  },

  server: {
    port: pkg.env.PORT,
      host: "0.0.0.0", // 允许所有网络访问，局域网开发很有用
      // proxy: {  // 开启代理，一些跨域问题可以处理，一些不行
      //   "/gis-api": {
      //     target: "http://localhost:4040",
      //     changeOrigin: true,
      //     rewrite: (path) => path.replace(/^\/gis-api/, "/gis-api"),
      //   },
      // },
  },
});

内网访问​

export default defineConfig({
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url))
    },
  },
  server: {
    port: 9999,
    host: "0.0.0.0"  // 这里添加这个，内网和外网所有IP都能访问了
  },
});