提交文件
This commit is contained in:
guanj
167
vite.config.ts
Normal file
167
vite.config.ts
Normal file
@@ -0,0 +1,167 @@
|
||||
import { defineConfig, loadEnv } from "vite";
|
||||
import vue from "@vitejs/plugin-vue";
|
||||
import { viteMockServe } from "vite-plugin-mock"; //mockjs
|
||||
import path from "path";
|
||||
|
||||
import AutoImport from "unplugin-auto-import/vite";
|
||||
import Components from "unplugin-vue-components/vite";
|
||||
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||||
|
||||
// 如果编辑器提示 path 模块找不到，则可以安装一下 @types/node -> npm i @types/node -D
|
||||
import { resolve } from "path";
|
||||
// https://vitejs.dev/config/
|
||||
|
||||
export default ({ command, mode }) => {
|
||||
//参数mode为开放模式或生产模式
|
||||
const env = loadEnv(mode, process.cwd()); // 获取.env文件里定义的环境变量
|
||||
|
||||
return defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
AutoImport({
|
||||
resolvers: [ElementPlusResolver()], //按需加载组件官网
|
||||
}),
|
||||
Components({
|
||||
resolvers: [ElementPlusResolver()], //按需加载组件官网
|
||||
}),
|
||||
viteMockServe({
|
||||
mockPath: "./src/mock/", // 指向mock下的文件
|
||||
localEnabled: false, // 是否开启开发环境
|
||||
}),
|
||||
],
|
||||
|
||||
resolve: {
|
||||
alias: {
|
||||
"@": resolve(__dirname, "src"), // 设置 `@` 指向 `src` 目录
|
||||
"~script": path.resolve(__dirname, "./src/script"),
|
||||
},
|
||||
},
|
||||
//项目部署在主域名的子文件使用,例如http://localhost:3000/myvite/。不填默认就是/
|
||||
// base: env.VITE_APP_BASE_URL || "/", // 设置打包路径
|
||||
base: "./",
|
||||
server: {
|
||||
host: "127.0.0.1",
|
||||
port: 4000, // 设置服务启动端口号
|
||||
// port: Number(loadEnv(mode, process.cwd()).VITE_APP_PORT),
|
||||
|
||||
strictPort: true, // 端口被占用直接退出
|
||||
https: false,
|
||||
open: true, // 在开发服务器启动时自动在浏览器中打开应用程序
|
||||
cors: true, // 允许跨域
|
||||
|
||||
// 设置代理，根据我们项目实际情况配置
|
||||
proxy: {
|
||||
"/api": {
|
||||
// target: "http://192.168.1.63/api/",
|
||||
// target: "http://192.168.1.133:4000/api/",
|
||||
//target: "http://192.168.1.62:10215",
|
||||
// target: 'http://192.168.1.127:19001', //cdf
|
||||
//target: 'http://192.168.1.133:19001', //cdf
|
||||
target: 'http://192.168.1.127:19001', //cdf
|
||||
changeOrigin: true,
|
||||
secure: false,
|
||||
rewrite: (path) => path.replace(/^\/api/, ""),
|
||||
},
|
||||
// '/dev-api': {
|
||||
// // target: 'http://xxx.xxx.xxx.xxx:8000',
|
||||
// target: mode==='development'?env.VITE_APP_BASE_API:env.VITE_APP_BASE_URL,
|
||||
// changeOrigin: true,
|
||||
// secure: false,
|
||||
// rewrite: (path) => path.replace(/^\/dev-api/, '')
|
||||
// }
|
||||
},
|
||||
hmr: {
|
||||
overlay: true, // 屏蔽服务器报错
|
||||
},
|
||||
},
|
||||
css: {
|
||||
// css预处理器
|
||||
preprocessorOptions: {
|
||||
scss: {
|
||||
// additionalData: '@import "@/assets/scss/style.scss";'
|
||||
},
|
||||
},
|
||||
},
|
||||
build: {
|
||||
chunkSizeWarningLimit: 1500, // 分块打包，分解块，将大块分解成更小的块
|
||||
rollupOptions: {
|
||||
output: {
|
||||
manualChunks(id) {
|
||||
if (id.includes("node_modules")) {
|
||||
return id
|
||||
.toString()
|
||||
.split("node_modules/")[1]
|
||||
.split("/")[0]
|
||||
.toString();
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
// export default defineConfig({
|
||||
// plugins: [
|
||||
// vue(),
|
||||
// AutoImport({
|
||||
// resolvers: [ElementPlusResolver()],//按需加载组件官网
|
||||
// }),
|
||||
// Components({
|
||||
// resolvers: [ElementPlusResolver()],//按需加载组件官网
|
||||
// }),
|
||||
// viteMockServe({
|
||||
// mockPath: "./src/mock/", // 指向mock下的文件
|
||||
// localEnabled: false // 是否开启开发环境
|
||||
// })
|
||||
// ],
|
||||
|
||||
// resolve: {
|
||||
// alias: {
|
||||
// '@': resolve(__dirname, 'src'),// 设置 `@` 指向 `src` 目录
|
||||
// '~script': path.resolve(__dirname, './src/script'),
|
||||
// }
|
||||
// },
|
||||
// base: './', // 设置打包路径
|
||||
// server: {
|
||||
// host: '127.0.0.1',
|
||||
// port: 4000,// 设置服务启动端口号
|
||||
// strictPort: true, // 端口被占用直接退出
|
||||
// https: false,
|
||||
// open: true,// 在开发服务器启动时自动在浏览器中打开应用程序
|
||||
// cors: true,// 允许跨域
|
||||
|
||||
// // 设置代理，根据我们项目实际情况配置
|
||||
// proxy: {
|
||||
// '/dev-api': {
|
||||
// target: 'http://xxx.xxx.xxx.xxx:8000',
|
||||
// changeOrigin: true,
|
||||
// secure: false,
|
||||
// rewrite: (path) => path.replace(/^\/dev-api/, '')
|
||||
// }
|
||||
// },
|
||||
// hmr: {
|
||||
// overlay: false // 屏蔽服务器报错
|
||||
// }
|
||||
// },
|
||||
// css: {
|
||||
// // css预处理器
|
||||
// preprocessorOptions: {
|
||||
// scss: {
|
||||
// additionalData: '@import "@/assets/styles/global.scss";'
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// build: {
|
||||
// chunkSizeWarningLimit: 1500, // 分块打包，分解块，将大块分解成更小的块
|
||||
// rollupOptions: {
|
||||
// output: {
|
||||
// manualChunks(id) {
|
||||
// if (id.includes('node_modules')) {
|
||||
// return id.toString().split('node_modules/')[1].split('/')[0].toString();
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
Reference in New Issue
Block a user