angular - npm package.json 未记录的 key

Question

我在 Angular 2/4 的源代码中的 package.json 中看到一些未记录的键:

{
  "name": "@angular/platform-browser/animations",
  "typings": "../animations.d.ts",
  "main": "../bundles/platform-browser-animations.umd.js",
  "module": "../@angular/platform-browser/animations.es5.js",
  "es2015": "../@angular/platform-browser/animations.js"
}

特别是“模块”和“es2015”。我在整个 Angular 的包中都找到了这些。我很好奇他们如何决定是加载“main”、“modules”还是“es2015”，特别是因为它总是加载“module”(而不是“es2015”)。有没有办法强制我的项目使用 package.json 中的 es2015 文件？

Answer 1

关于字段

• typings - TypeScript 类型签名
• module - 根据最初的提议，它应该指向一个具有 ES2015 模块语法的模块，但除此之外只有目标环境支持的语法特性。 Angular 由于某种原因使用 .es5 而不是 es6 aka ES2015
• es2015 - 未转译的 ES6 代码。由 Angular 引入(不知道有什么工具支持它)

查看此 repository有关非官方 package.json 字段的更多信息

Is there a way to force my projects to use the es2015 file from the package.json?

不确定您使用的是哪个 bundler 和/或转译器。如果您使用的是 Webpack，则可以使用 resolve.mainFields

进行配置

module.exports = {
   resolve: {
       mainFields: ['es2015', 'browser', 'module', 'main'],
   },
   ···
};