Допомога у програмуванні, відповіді на питання / Nodejs / Як уникнути кутового2 гігантського сліду - node.js, кутовий, ідет

Як уникнути кутового2 гігантського сліду - node.js, кутовий, ідет

Я вивчаю налаштування розробки для наших наступних подій.

Вимоги

Java, WAR
Javascript, Angular2
JSP, Html, CSS

При цьому з використанням eclipse-neon і nodeeclipse простий Angular2 "Hello World" займе гіганта

100 мегабайт, на слова стомегабайт

майже всі розташовані в "node_modules". Після тривалого очікування генерація WAR становить близько 30 МБ.

Чи є спосіб зменшити цей гігантський слід до прийнятного розміру?

Як запропоновано, я досліджував обидва способи використання webpack з простими програмами "Hello World"

Спочатку я спробував http://angular.io/docs/ts/latest/guide/webpack.html . Після видалення .map-файли загальний розмір був 1,1 Мб. (Упакований) ВІЙНА поставляється з 250 Кб

Другий я спробував кутовий-кли. Angular-Cli створює набір конфігураційних файлів та простий "Hello World". Після видалення .map-файли загальний розмір був 3,2 Мб. в ВІЙНА поставляється з 490 КБ.

Що стосується розміру, то обидва підходи виглядають правильними. Однак ми продовжимо перший підхід, оскільки він використовував явний файл конфігурації для webpack. Нам треба налаштувати webpack для використання та підтримки JSP. Не цілком очевидно, як це можна зробити за допомогою кутових-клі.

Якщо вам не потрібно налаштовувати конфігурацію webpack, ви можете віддати перевагу кутовий-кли

Відповіді:

2 для відповіді № 1

Насправді це досвід, який ви робите, коли починаєте з кутового 2 і вузла. Рішенням цього є використання будівельник упаковки, як "webpack". Я рекомендую створити стартовий проект з "angular-cli" https://github.com/angular/angular-cli і почніть звідти, щоб додати свій конкретний проекткомпоненти, бібліотеки, ... Це дає змогу швидко перейти прямо до розробки та тестування цієї функції. Вивчення потужності та складності, що лежить в основі цього, рекомендується, але можна зробити крок за кроком.

Командна командного рядка для цього згенерованого проекту - ви можете побачити їх у сформованому вигляді "package.json" - надайте все необхідне для розробки та керуваннякод а також наприклад, npm run build: prod ... підготовка коду для розгортання, включаючи зменшення та упакування коду до абсолютного мінімального розміру (у моєму випадку від ~ 120 МБ до 2.7 МБ)