transpile服务模块角度2

时间:2017-02-27 02:37:53

标签: javascript angular typescript gruntjs

我在common应用程序中有一个angular 2模块。这就是项目的结构:

main
--app
   /common
   --config
    //.ts configs for modules
   --services
    //angular services
   --models
   --store
    //ngrx store
   /component1
   /component2
   app.module.ts
   main.ts
--js
  //systemjs dependencies
  Gruntfile.js
  package.json
  tconfig.json

项目配置为转换为bundle.js并按预期工作。但是,现在我想捆绑出common文件夹的内容并将其单独打包。这样,我可以使用system js加载其依赖项,然后将其包含在app.module.ts中以在组件中使用。

我在开始时需要帮助,是否需要进行一些gruntfile/tsconfig更改?或者我是否必须创建单独的package.json/index.ts以转换.ts依赖项?

1 个答案:

答案 0 :(得分:0)

我相信您正在寻找的功能是systemjs-builder的Bundle Arithmetic功能。它内置于SystemJS中并且运行良好。

然而,这意味着使用SystemJS捆绑您的应用而不是咕噜声。

这有许多优点,并且实际上简化了许多场景,例如您的特定用例,但是可能需要一些时间才能完成所有设置。

TypeScript目前不支持拆分包。

如果您的应用程序规模较小,则无需将您的应用程序拆分为多个npm软件包,如果您的应用程序很小,将会给开发过程带来很大的复杂性。