Запустить сервер webpack при использовании сценария углового клипа - PullRequest
0 голосов
/ 23 мая 2018

Я новичок в Angular Cli и Webpack.В моем проекте у меня есть файл конфигурации webpack, который, помимо прочих конфигураций, указывает, что должен быть запущен плагин файла слияния (MergeJsonWebpackPlugin) для объединения определенных файлов и помещения их в выходной файл где-то еще.

Моя проблема в том, чтопри запуске webpack это делается, но эти выходные файлы хранятся где-то в виртуальной памяти.Насколько я прочитал, это нормальное поведение до тех пор, пока вы правильно не создадите свое приложение для производства, и в этом случае эти файлы будут записаны на диск.

Мое приложение, конечно, пытается найти эти выходные файлы напапка активов для использования их внутри самого приложения.Я использовал другой плагин (WriteFilePlugin), чтобы иметь возможность записывать файлы на диск во время работы сервера разработки веб-пакетов, и это прекрасно работает.

Теперь, для того, чтобы справиться с этим теперь у меня естьспециальный скрипт angular cli в моем файле package.json

  ....
  "scripts": {
    "ng": "ng",
    "start": "ng serve --port 9978",
    "build": "ng build",
     ....
    "custom": "webpack-dev-server --inline --progress --colors"
  }
  ...

Итак, мне нужно запустить "npm custom", чтобы мои файлы записывались на диск.Затем мне нужно запустить «npm start», чтобы обслуживать мое приложение и использовать эти файлы. Если по какой-то причине я обновляю свои исходные файлы, которые должны быть объединены, то мне нужно остановить мой стартовый скрипт и снова запустить собственный скрипт для сервера webpack dev

Есть ли способ включить это автоматически при запуске стартового скрипта через angular cli?

Я читал, что когда вы запускаете "ng serve", что происходит за сценой:

  1. Angular CLI загружает свою конфигурацию из .angular-cli.json
  2. Angular CLI запускает Webpack для построения и связывания всего кода JavaScript и CSS
  3. Angular CLI запускает сервер разработки Webpack для предварительного просмотрарезультат на localhost: 4200.

..., поскольку он включает поддержку LiveReload, процесс активно следит за изменениями файлов в вашем каталоге src.Когда обнаруживается изменение файла, шаг 2 повторяется, и в ваш браузер отправляется уведомление, которое может автоматически обновляться.

В пункте 3 я ожидаю, что мои объединенные файлы будут сгенерированы и сохранены впапка assets, но этого не происходит (как это происходит при запуске «npm custom»), а также обновление этих объединенных файлов при каждом их обновлении.

Я что-то упускаю?Будет ли это возможно сделать?Заранее спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...