@lilloop33

Почему Webpack не собирает стили в родительском модуле Angularjs, если он подключает дочерний модуль?

Когда я ипортирую child-модуль (@some/child), и вебпак пересобирает приложение, я теряю все стили в родительском компоненте (@some/host). Moжет это связано с threeshaking-ом вебпака...
Подскажите, пожалуйста как решить эту проблему или обойти её?

I. @some/child
1. Склонируйте репозиторий (git clone https://github.com/lilloop33/parent-module)
2. Установите зависимости (npm install)

II. @some/host - родительский модуль
3. Склонируйте репозиторий (git clone https://github.com/lilloop33/child-module)
4. Установите зависимости (npm install)
5. Установите child-модуль как зависимость parent-модуля (npm install ../child-module/) - для этого запустите эту комманту из папки parent-модуля, child-модуль должен находится в папке рядом с parent-модулем.
6. запустите вебпак сервер (npm run dev)
7. откройте в браузере localhost:8666/!#/managers/ (слеш в конце обязателен)
8. Взгляните на страницу: storage8.static.itmages.com/i/17/1223/h_1514067908...
8.1. ItemA и ItemB имеют стили компонентов parent-модуля
8.2. инпуты ниже имеют стили подмодуля common, который присутствует в обоих модулях (child и parent)
storage1.static.itmages.com/i/17/1223/h_1514068038...
9. откройте файл "host-module/src/app/app.js" и раскоментируйте строку #17, которая импортирует childApp
10. сохраните изменения
11. Вернитсь в браузер и обратите внимание, что ItemA и ItemB больше не имеют никаких стилей storage4.static.itmages.com/i/17/1223/h_1514068423...
  • Вопрос задан
  • 87 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы