Могу ли я использовать Angular-cli с преобразованиями Babel?

Мой проект представляет собой гибридный проект AngularJS/Angular, и мы используем gulp для выполнения следующего преобразования в части Angular. TS -> ES6 -> BABEL (ES5+) -> Rollup или SystemJS И много gulp watch и кэширования и Map-magic

Я хотел бы, чтобы это было более стандартным, используя angular cli, но не могу найти способ сделать преобразование Babel в angular cli. Я хочу, чтобы он мог постепенно переходить на ES6 и выше, насколько позволяют поддерживаемые платформы, но также хочу, чтобы файлы карт работали.

Есть ли способ связать Babel с Angular-cli и сохранить файлы карт на протяжении всего процесса?

Я пробовал сборку брокколи до того, как пошел с gulp, но не смог заставить все плагины работать с файлами карты, и, поскольку Angular Cli основан на брокколи, я не могу найти способ.

Пожалуйста, помогите. :)


angular babeljs angular-cli map-files
person JGoodgive    schedule 08.11.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Для полноты, если кто-то еще посмотрит на это:

По сути, используйте webpack для сборки сборки Angular. Это единственный способ установить все флажки:

  • ts -> aot -> js -> бандлинг -> цепочка преобразований оптимизации
  • исходные карты на нескольких этапах сборки
  • несколько выходов
  • режим часов

Но! Для этого вам не нужно использовать ng CLI, на самом деле это усложняет задачу, поскольку у вас, скорее всего, есть большие инвестиции в AngularJS, которые не соответствуют всем инструкциям.

В итоге я оставил gulp в качестве основного фреймворка сборки и вызвал webpack для сборки Angular внутри задачи gulp, используя пакет gulp-webpack. Единственное ограничение, которое у меня было в последнее время, заключается в том, что я хотел бы запускать веб-пакет (в режиме без наблюдения), только когда изменился хотя бы 1 файл в этом каталоге. Кажется, что gulp-webpack выполняется и тогда, когда поток пуст.

person JGoodgive    schedule 18.01.2018