当前位置: 首页 > ai >正文

Rollup打包输出产物遇到的一个坑。(分享心得)

文章目录

  • 前言
  • 一、rollup的generateBundle钩子?
  • 二、遇到bug之前
  • 三、bug解决
  • 总结


前言

本人在学习过程中,发现一个基于vite的项目,在打包的过程中遇到了一个bug,就是我在学习开发一个vite插件功能,我需要获取到打包的产物信息。所以就用到了rollup的一个钩子generateBundle。发现打包后从这个钩子里没有拿到我原来没有打包后的产物的文件信息。我就很纳闷,我刚开始以为是rollup更新了,不输出这个原来的信息了,才发现是我愚蠢了。下面我来演示一下我的bug之路。(此文章没有啥炫技,只是学习过程中遇到的一些坑分享一下,记录学习的过程。)


一、rollup的generateBundle钩子?

调用 generateBundle 钩子,这个钩子的入参里面会包含所有的打包产物信息,包括 chunk (打包后的代码)、asset(最终的静态资源文件)。在这个钩子中你做自定义自己的操作,比如:可以在这里删除一些 chunk 或者 asset,最终被删除的内容将不会作为产物输出

二、遇到bug之前

我在调试过程中,用rollup的generateBundle这个钩子,看一下打包过程中的产物输出情况,但发现打包后的资源文件带上了has啥的,但是originalFileName是为空的,就搞不懂啥情况,搞了一个多小时,最后发现是项目文件存在目录有问题(咨询了一下一位前端大佬up主:(远方)才知道问题所在。
在这里插入图片描述


三、bug解决

项目目录最好不要出现英文,我知道又有人会说:这不是基本的嘛啥啥,但搞不起有些人就喜欢这么做,比如我。
在这里插入图片描述

最后换了英文目录终于看到了原来的文件信息。
该处使用的url网络请求的数据。
在这里插入图片描述


总结

为确保稳定性,建议遵循英文路径的常规开发规范,尤其在团队协作或 CI/CD 环境中。通过调整路径或工具链配置,可有效避免中文路径导致的打包问题。如需进一步调试,可提供具体的错误日志和项目结构以分析具体原因。

http://www.xdnf.cn/news/10278.html

相关文章:

  • Redis缓存问题重点详解
  • 57、IdentityServer4概述
  • [创业之路-398]:企业战略管理案例分析-战略意图是使命、愿景可聚焦、可量化、可落地、可实现、具象化的3-5年左右的目标
  • 三步问题 --- 动态规划
  • 二叉搜索树——AVL
  • 小红书 发评论 分析 x-s x-t
  • 在win10/11下Node.js安装配置教程
  • 网络编程1_网络编程引入
  • Centos环境下安装/重装MySQL完整教程
  • [SC]SystemC在CPU/GPU验证中的应用(二)
  • 【数据结构】图的存储(邻接矩阵与邻接表)
  • Spring Data Redis 实战指南
  • Java对象克隆:从浅到深的奥秘
  • 秒杀系统—5.第二版升级优化的技术文档三
  • Brighter 的线程模型:为何专用线程驱动异步消息泵
  • Python(十四)
  • Vue-自定义指令
  • *JavaScript中的Symbol类型:唯一标识符的艺术
  • # STM32F103 PA0到PA4多路ADC采集配置和采集程序
  • SQL进阶之旅 Day 9:高级索引策略
  • sass高阶应用
  • 基于Web的濒危野生动物保护信息管理系统设计(源码+定制+开发)濒危野生动物监测与保护平台开发 面向公众参与的野生动物保护与预警信息系统
  • resubmit v1.2.0 新特性支持类级别防止重复提交
  • 深度学习总结(40)
  • 数据集笔记:SeekWorld
  • 【Java笔记】Spring IoC DI
  • YOLOv8 移动端升级:借助 GhostNetv2 主干网络,实现高效特征提取
  • 【CC协议】知识共享许可协议(Creative Commons Licenses)体系解析
  • 注销微软账户
  • android 媒体框架之MediaCodec