admin管理员组

文章数量:1130349

需求:在一个项目有公共的依赖和组件,但是两个模块又没有业务上的关联,这个时候我们需要用到分包,

我的env.test对应是mono2中的变量打包,根据人个需求使用

在根路径下删除原来的index.html,然后在src下建两个目录分别为mono1,mono2

如果页面都抽离成模块后记得改变，记得要修改文件之间的引用关系，接下来我们详细看项目配置方面的修改。

vite.config.ts

/*
 * @Author: 周云芳 164591357@qq
 * @Date: 2022-05-23 21:29:09
 * @LastEditors: 周云芳 164591357@qq
 * @LastEditTime: 2022-06-02 17:29:03
 * @FilePath: \vue3\vue3-ts\vite.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
const

需求:在一个项目有公共的依赖和组件,但是两个模块又没有业务上的关联,这个时候我们需要用到分包,

我的env.test对应是mono2中的变量打包,根据人个需求使用

在根路径下删除原来的index.html,然后在src下建两个目录分别为mono1,mono2

如果页面都抽离成模块后记得改变，记得要修改文件之间的引用关系，接下来我们详细看项目配置方面的修改。

vite.config.ts

/*
 * @Author: 周云芳 164591357@qq
 * @Date: 2022-05-23 21:29:09
 * @LastEditors: 周云芳 164591357@qq
 * @LastEditTime: 2022-06-02 17:29:03
 * @FilePath: \vue3\vue3-ts\vite.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
const

本文标签： 多个入口多页viteconfig

版权声明：本文标题：vite+vue3配置vite.config.ts多页面入口,并配置多个env 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754846155a2732511.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。