Настройка среды разработки Webpack 3 + Angular 4: от сложного к простому

Комментарии 8

  • 09.09.17 в 17:18

    0

    Все носятся с ангуляром, как с писаной торбой. Интересно было бы результат увидеть. Киньте ссыль, кто знает, на что-либо реализованное не нём.
    • 09.09.17 в 21:00

      +1

      а с чем носитесь Вы?
    • 5dca36bf89412083222aeed87d52b8f6_small.j

      09.09.17 в 21:12

      +1

      angularexpo.com

      www.madewithangular.com

  • 5a282a17c8eae64bba7957f521a6f2cb_small.p

    09.09.17 в 21:31

    0

    "serve": "webpack-dev-server --config ./webpack.config.js --profile --watch --progress",
    "hmr": "webpack-dev-server --config ./webpack.config.js --profile --watch --progress",
    serve и hmr имеют одинаковый код, это нормально?
    • 09.09.17 в 21:48

      0

      Привет, по сути эти команды выполняют одинаковый функционал, хотел продемонстрировать 2 разных варианта с hmr и без.
  • 4358edc2404756643eda48434a12b740_small.j

    09.09.17 в 22:10

    0

    Существует много вариантов сборки, решающих эти задачи (angular cli, A2 seed и т. д.). Обычно они имеют сложную структуру, плохо настраиваются/расширяются и представляют собой монолит, который невозможно изменить.

    Не совсем понятно почему вам angular-cli не подходит.
    С ним довольно просто начать, а когда понадобится гибкость в настройке, можно сделать eject и вы получите webpack.json, и настраивайте как хотите.
    Я это к тому что angular-cli под капотом использует тотже webpack.
    В итоге вы получаете
    1. Быстрый старт
    2. Сохраняется возможность гибкой настройки точно также как и при использовании webpack
    3. Рост сложности конфигурации проекта растет вместе с развитием этого самого проекта, а не с первого дня разработки.
    • 09.09.17 в 22:32

      0

      Добрый вечер. В нашей компании очень много различных проектов: продуктовых, портальных, b2c и т.д. => много специфики, поэтому нужен полный контроль над приложением.
      • 4358edc2404756643eda48434a12b740_small.j

        09.09.17 в 23:02

        0

        Так этож самое интересное что вам такого нужно настраивать и почему нужно тратить кучу времени на старт проекта если есть готовое решение.
        Т.к. все что описано в статье решается следующими несколькими строками:
        npm install -g @angular/cli
        ng new PROJECT-NAME
        cd PROJECT-NAME
        ng serve

        И все, у вас все настроено, сгенерирована структура проекта, сгенерированы конфиги для prod и dev окружений (добавляются новые влет). Дополнительно вы получаете генераторы компонентов и всякого остального.
        Можно через 5 мин уже писать бизнес логику, а потом просто ng build --prod и у вас готовы артефакты для деплоя.

        И главное, как я уже писал, если вам нужна гибкая настройка есть «eject» команда, которая достает webpack конфигурацию.

        Вот мы полтора года пилим проект на A2+ (начинали когда еще angular-cli небыло, но как только она появилась, сразуже перешли, ибо проще) и только месяц назад я сделал этот самый «eject», т.к. решили наше приложение запустать еще и в electron.

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

© Habrahabr.ru