我可以使用带有babel变换的Angular-cli

时间:2017-11-08 10:31:13

标签: angular angular-cli babel map-files

我的项目是一个混合的AngularJS / Angular项目,我们正在使用gulp在Angular部分上执行以下转换。 TS - > ES6 - > BABEL(ES5 +) - >汇总或SystemJS 还有很多gulp手表和缓存以及Map-magic

我希望使用角度cli更加标准,但无法找到在角度cli中进行babel变换的方法。我希望它能够逐渐转移到ES6及更高版本,因为支持的平台允许,但也希望保持地图文件正常工作。

有没有办法将Babel绑定到Angular-cli并在整个过程中保留地图文件?

我之前尝试过西兰花的构建,但是我没有把所有的插件用于那里的地图文件,因为Angular Cli基于西兰花,我找不到办法。

请帮忙。 :)

1 个答案:

答案 0 :(得分:1)

为了完整性,如果其他人看到这个:

基本上,使用webpack捆绑Angular构建。这是检查所有方框的唯一方法:

  • ts - > aot - > js - >捆绑 - >优化转型链
  • 跨多个构建步骤的源映射
  • 多输出
  • 观看模式

但是!您不必使用ng CLI来实现这一点,实际上这使得它更加困难,因为您很可能有一个不符合所有方法的大型AngularJS投资。

我最终保持gulp作为主构建框架,并使用gulp-webpack包在gulp任务中为Angular构建调用webpack。我最近唯一的限制是,当目录中至少有1个文件发生变化时,我只想运行webpack(非监视模式)。当流为空时,gulp-webpack似乎也会执行。