代码之家 › 专栏 › 技术社区 › gfmio

TypeScript NPM包的目标体系结构

compatibility package npm typescript javascript

gfmio · 技术社区 · 7 年前

我正在使用TypeScript开发许多NPM包,我想知道支持不同目标体系结构的最佳方法。

如果编译到ES3,您将获得最广泛的支持,但也有额外的兼容性样板(大小,部分无法解析)。如果以esnext为目标,基本上没有样板(干净的输出代码!),但支持非常有限。

问题是TypeScript编译器无法传输JS代码或任何来自 node_modules 一般来说因此,如果您将一个库编译为ES6,而有人想在其浏览器应用程序中使用它(针对ES3或ES5),那么他们将无法仅使用该库。

这里的最佳做法是什么?我应该如何配置 package.json 和 tsconfig.json ?如果图书馆用户需要做些什么,这里的首选方式是什么?

非常感谢!

1 回复 | 直到 7 年前

Pavel 7 年前

我认为可以妥协。对我来说,在库中使用es6的主要原因是支持rollup的树抖动。为此,请参阅程序包。json有选项 module :

"main": "dist/alina-core.js",
"module": "dist/alina-core-es.js",

当用户使用rollup时,无论如何都需要在树抖动后传输到ES5,所以,在 module 指定的ES6版本。但如果库用户使用旧的构建管道,他将得到 main 已传输ES5版本。

推荐文章

Antoine Auffray · React Native 0.47删除了createJSModules方法的可追溯性

7 年前

Alex Gelinas · Angular应用程序未加载到Android浏览器上

7 年前

RoToR · 烧瓶迁移python2到3导入错误:无法导入名称

7 年前

Cruiser KID · 使用SDK 9.2在XCode 7.2中创建的iOS应用程序是否与iPhone 4中的iOS 6兼容?

9 年前

Vjardel · iOS 9中已弃用,兼容吗?

9 年前

Sinros · C#通过代码设置兼容性设置

9 年前

Friso · 如何将空字符串解析为字节数组?

9 年前

Andrei Chernykh · AngularDart浏览器兼容性

10 年前

ilMattion · Internet Explorer复古兼容性

11 年前

Scott Bonner · php版本5.2.9连接到mssql 2012的窗口

11 年前