2017-02-13 53 views
0

如何配置为angular2中的所有块文件在“dist”文件夹中创建单独的文件夹?如何在运行构建时将块文件放在单独的文件夹中?

我已经使用ngcli并运行ng build的项目。它创建“dist”文件夹。那很好。

This is basic structure of project.

但我希望把所有* .chunk.js和* .MAP文件中单独的文件夹中的DIST。像

DIST /模块/ 0.chunk.js

DIST /模块/ 0.map

所以结构将看起来像......在先进

enter image description here

谢谢。

+0

这个问题可能太宽泛无法回答。有很多方法可以做到这一点。 – pixelbits

+0

Pixelbits你可以用任何一种方式帮助我吗? – Ghanshyam

回答

0

您可以使用Angular ClI,然后创建多个NgModules,并在路由器中使用Lazyload。然后,当你建立ng build --prod时,每个模块将在一个单独的文件中。

下面是几个关于lazyload推荐文章: http://blog.angular-university.io/angular2-ngmodule/ https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html

+0

感谢Tuong Le。但是我把* .chunk.js和* .map文件放在dist/modules文件夹中。我希望你明白了。 – Ghanshyam

0

尝试使用独立的编译包像GUP或呼噜声,这将使发送到一个单独的文件夹块文件。否则你也可以在tsconfig.json中创建一个编译器选项{outDir:'src/chunk'}。看看这是否解决了你的问题。

+0

请更具体地说明它应该如何实施你的建议。只是要求OP尝试使用Gulp或Grunt构建一个全新的构建管道,希望这可能会解决问题并不是很有帮助。 – BogdanC

相关问题