当前位置: 首页 > 工具软件 > build > 使用案例 >

vite build

伊裕
2023-12-01

vite在开发阶段采用的是按需加载的方式,不会将所有文件打包。但是生产环境的部署是需要进行打包的,这里它使用的是rollup打包方式。
对于代码切割的需求,使用原生动态导入,因此打包后支持新浏览器,对IE的兼容性不是很好,但是可以用对应的polyfill解决。
使用esbuild来处理需要pre-undle的

  1. 在cli.ts的build命令中引入build.ts
  2. 调用doBuild方法,在这个方法中配置打包参数(input output plugin等)
  3. 调用buildHtmlPlugin解析文件入口index.html,执行其他的一些plugin
  4. 调用rollup.watch()创建watcher来监听文件变化
  5. 调用rollup.rollup() bundle.generate()生成打包文件
  6. 清空原始文件并将新的打包文件写入对应目录
 类似资料:

相关阅读

相关文章

相关问答