Vite如何全量导入

来源：1-1 课程导读

Rinimas

2022-05-13

有一个场景，经过vite打包出来的主文件比如 index.js，里面都是用 esm 去 import 其他资源文件，但是我不想这样。对于特定的页面（多页），我想让部分页面使用es5全量打包到index.js里，而不是使用esm引入。请问该怎么做

写回答

1回答

Sunday

2022-05-13

你好

这应该是一个比较奇怪的需求，因为我们通常情况下，都是希望尽可能的进行代码分割，而不是代码合并。

如果你确实希望这么做的话，那么或许可以在 router/index.js 中，不再使用组件的按需导入，而是：

1、在js 文件头部，通过 import 导入所有的组件

2、在routes 路由表中，删除 ()=>import(...) 改用直接导入的组件。

以此方法，会讲所有的组件全部一次性加载，不知道这个是不是你期望的。

Sunday

Rinimas

你或许可以看下这个文档：https://cn.vitejs.dev/guide/build.html#chunking-strategy 里面描述了产物分块策略，因为 vite 底层依赖了 rullup ，所以我们需要看的其实就是 rullup 如何打包到一个 js 中，所以你可能需要同时查看 rollup 的文档和 vite 的文档。另外你可能还需要注意 cdn 是否可以在你的沙盒中使用。

2022-05-13

共2条回复

基于 Vue3 ，打造前台+中台通用开发提效解决方案

42 种前台常见业务模型， 15 种中台通用组件，成为前端提效高手

788 学习 · 517 问题

查看课程

相似问题

老师讲讲 vite lodash 怎么按需引入？

回答 1

vite好像不需要全局安装

回答 1

选择 vite 版本的问题

回答 1

ubuntu可以安装vite吗？

回答 1

请老师看下这是什么问题代码是按文档来执行的，是不是什么不兼容啊

回答 1

打开慕课网App查看更多内容