包括有关parceljs构建git信息

Question

我有一个使用ParcelJS的TypeScript/React web应用程序，我希望在构建过程中有一个步骤，或者以一种简单的方式使用包含git信息的资源文件。

不确定是否有什么东西可以在构建过程中生成git信息，我使用npm来启动parcel。

如果parcel可以加载资源文件并使其可访问，那么也可以通过具有属性来工作。

我的最终目标是在webapp中显示版本和git提交点。

Answer 1

我假设你使用的是parcel2 (我不确定这在parcel1中是不是可能的)。

默认情况下(通过@parcel/transformer-babel插件)，Parcel2使用babel来转换typescript。此插件的babel配置可以通过简单地包含.babelrc (用于仅与项目的子集相关的配置)或babel.config.json文件(用于将应用于整个项目的配置)来覆盖。请参阅我在修复this bug的过程中创建的this scenario matrix，了解有关包应该提取哪些babel配置文件的详细信息。(从最新的夜间版本开始，“建议的修复”被合并到parcel2中)。

通过提供您自己的babel配置，您应该能够使用this babel plugin将git存储库信息注入到您的代码中。

(由于您使用的是typescript，因此还需要确保在您的babel配置中包含@babel/preset-typescript或@babel/plugin-transform-typescript )。