【问题标题】:Can I use Angular-cli with babel transforms我可以将 Angular-cli 与 babel 转换一起使用吗
【发布时间】:2018-04-20 23:58:50
【问题描述】:

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

我希望使用 angular cli 更标准,但找不到在 angular cli 中进行 babel 转换的方法。我希望它能够在支持的平台允许的情况下逐步迁移到 ES6 及更高版本,但也希望保持地图文件正常工作。

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

在使用 gulp 之前,我已经尝试过构建 broccoli,但无法让所有插件在那里处理地图文件,并且由于 Angular Cli 基于 broccoli,我找不到方法。

请帮忙。 :)

【问题讨论】:

    标签: angular angular-cli babeljs map-files


    【解决方案1】:

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

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

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

    但是!您不必使用 ng CLI 来执行此操作,实际上它使操作变得更加困难,因为您很可能有大量不符合所有操作指南的 AngularJS 投资。

    我最终将 gulp 作为主要构建框架,并使用 gulp-webpack 包在 gulp 任务中为 Angular 构建调用 webpack。我最近遇到的唯一限制是,我只想在该目录中至少有 1 个文件更改时才运行 webpack(在非监视模式下)。似乎 gulp-webpack 在流为空时也会执行。

    【讨论】:

      猜你喜欢
      • 2017-08-04
      • 2019-01-09
      • 2017-02-22
      • 1970-01-01
      • 2020-12-16
      • 1970-01-01
      • 2017-09-28
      • 2015-09-05
      • 2016-11-10
      相关资源
      最近更新 更多