使用 Typescript 为我的所有页面构建单个 javascript 文件的最佳方法
Best way to build single javascript file for all of my pages with Typescript
我们目前正在使用 RequireJS 和 CoffeeScript 来生成自定义 JS 文件。然而,我们并没有使用“r.js”编译工具来优化带有"define"header的代码。我们当前的实现要求我们将完整的 define
语句放在每个咖啡文件的顶部:
define('charts/bar', ['charts/base','constants'], (BaseModel, Constants) ->
class BarChart extends BaseModel
...
我们希望迁移到 TypeScript,这样我们就可以利用重构以及它带来的所有其他好处。我们 运行 遇到的问题是我们无法弄清楚如何将所有 TypeScript 文件编译成一个文件。
例如,假设有以下文件:
- 图表/
- bar.ts
- line.ts
- base.ts
- 用户/
- profile.ts
- security.ts
- friends.ts
- 数据/
- geo.ts
- population.ts
- voting.ts
对于所有这些文件,我们希望将它们放入一个名为 utils.js
的文件中,并在多个页面中重复使用此 js 文件。一页可能只使用 users/security class,而下一页可能会使用 data/geo class 以及各种 图表 classes.
我们如何使用 requirejs 构建它?
注意: 需要记住的一件事是我们没有此 class 的单一入口点。它的目的仅用于辅助 classes 和我们可以在其他 classes 中扩展的基本实现。
How can we construct this using requirejs?
使用 import/require
并使用选项 --module amd
进行编译。
更多
https://basarat.gitbooks.io/typescript/content/docs/project/modules.html
PS:强烈推荐迁移到 commonjs。但这是自以为是
我们目前正在使用 RequireJS 和 CoffeeScript 来生成自定义 JS 文件。然而,我们并没有使用“r.js”编译工具来优化带有"define"header的代码。我们当前的实现要求我们将完整的 define
语句放在每个咖啡文件的顶部:
define('charts/bar', ['charts/base','constants'], (BaseModel, Constants) ->
class BarChart extends BaseModel
...
我们希望迁移到 TypeScript,这样我们就可以利用重构以及它带来的所有其他好处。我们 运行 遇到的问题是我们无法弄清楚如何将所有 TypeScript 文件编译成一个文件。
例如,假设有以下文件:
- 图表/
- bar.ts
- line.ts
- base.ts
- 用户/
- profile.ts
- security.ts
- friends.ts
- 数据/
- geo.ts
- population.ts
- voting.ts
对于所有这些文件,我们希望将它们放入一个名为 utils.js
的文件中,并在多个页面中重复使用此 js 文件。一页可能只使用 users/security class,而下一页可能会使用 data/geo class 以及各种 图表 classes.
我们如何使用 requirejs 构建它?
注意: 需要记住的一件事是我们没有此 class 的单一入口点。它的目的仅用于辅助 classes 和我们可以在其他 classes 中扩展的基本实现。
How can we construct this using requirejs?
使用 import/require
并使用选项 --module amd
进行编译。
更多
https://basarat.gitbooks.io/typescript/content/docs/project/modules.html
PS:强烈推荐迁移到 commonjs。但这是自以为是