@ shopify / polaris项目如何从github仓库构建为npm依赖项？

Question

我对学习如何在github中构建@ shopify / polaris项目并将其发布到npm感兴趣。 我的主要问题是：

• 如何生成index.es.js和index.js文件？ 这些是在我的计算机上以编程方式生成的，还是这样发布到npm ？
• 什么机制阻止安装时下载github存储库中的文件？ 我在.npmignore不到.npmignore 。

下面，我在npm包和github中都有文件，您可以看到它们是不同的。

这是通过NPM / yarn安装的polaris项目的外观。

.
├── CHANGELOG.md
├── README.md
├── index.es.js
├── index.js
├── package.json
├── src
├── styles
├── styles.css
├── styles.scss
└── types

这是该项目在github上的样子。

.
├── CHANGELOG.md
├── README.md
├── circle.yml
├── config
├── documentation
├── examples
├── package.json
├── scripts
├── src
├── tests
├── tsconfig.json
├── tslint.json
└── yarn.lock

Answer 1

我们使用汇总来为Polaris生成不同的条目文件。 您可以在此处查看我们的通用配置文件： https : //github.com/Shopify/polaris/blob/master/config/rollup/index.js 。 请注意，它完成了编译TypeScript源文件（使用TypeScript和Babel）的所有工作，并开始了将CSS和图标适当捆绑在一起所需的工作。 然后，此配置生成器将运行三次，您可以在此处查看： https : //github.com/Shopify/polaris/blob/master/scripts/build.js#L36-L38

1. main条目文件（ .js ，并为我们的CDN吐出CSS）
2. module条目文件（ .es.js ）
3. embedded条目文件

然后，将它们复制到NPM发布的最终位置。

至于我们如何控制NPM包中的files ，我们使用package.json的files键 ； 这些是相关的内容 。