创建一个可用于浏览器和nodejs的打字稿库

Question

我想创建一个可以在浏览器和nodejs中使用的库。为了便于讨论，让我们说，这是我的图书馆：

export default class MyClass { 
    public getString(): string { 
     return "Message"; 
    } 
} 

ES2015模块浏览器不以现在支持，我不想依赖requirejs或任何其他模块加载在浏览器的时候 - 我希望仅通过使用script标签包含生成的.js文件来消费此库。感觉我想要的可以通过使用内部模块来实现（我不想污染全局命名空间）。 但是，当我将我的代码包装在namespace/module中时，我很难将其编译为commonjs模块。

什么是实现我想要的正确方法？或者，可能是，我正在完全脱离轨道这是一个打字稿和javascript noob？

Answer 1

我认为你需要的是UMD。随着tsconfig.json含

{ "compilerOptions": { "module": "umd" }, }

生成的JavaScript看起来像这样

：

(function (factory) { if (typeof module === 'object' && typeof module.exports === 'object') { var v = factory(require, exports); if (v !== undefined) module.exports = v; } else if (typeof define === 'function' && define.amd) { define(["require", "exports"], factory); } })(function (require, exports) { "use strict"; var MyClass = (function() { function MyClass() { } MyClass.prototype.getString = function() { return "Message"; }; return MyClass; }()); exports.__esModule = true; exports["default"] = MyClass; });

它可以在节点（CommonJS的）以及与浏览器（CommonJS的，AMD）。要允许您的磁带库用户通过script标签包含它，您需要模块打包程序，如Webpack,Browserify或Rollup。这些将会产生具有全局导出的UMD定义，因此您的库的主文件的默认导出将作为全局范围中的某个变量提供。