Webpack import угловой в демо-проекте angular-webpack-workflow

Question

Я изучаю этот демонстрационный проект Webpack https://github.com/Foxandxss/GermanWords-ng1-webpack. Этот проект содержит в нескольких файлах этой линии (функции/дома/индекс функция/Войти/индекс):

import angular from 'angular'; 

Я не понимаю - если «угловая» библиотека будет несколько раз включаются в результате, потому что файл расслоения плотного эта библиотека существует в нескольких исходных файлах? Я просмотрел файл конфигурации webpack, но не могу понять. Пожалуйста, вы можете устранить эти вопросы?

Answer 1

Просто убедитесь, что углы будут доступны для каждого модуля. Представьте, что вы используете эту функцию, чтобы быть новым автономным сайтом, у вас уже будет готовый код. Всегда думайте, что каждая функция является автономной (обрабатывать маршруты, зависимости, контроллеры, представления и т. Д.).

Webpack будет обрабатывать зависимости и вводить только один раз угловой, не волнуйтесь. Как @thsorens говорит в комментариях: «Все зависимости в ваших файлах нужно импортировать там, где они используются».

О и, кроме того, я нашел этот генератор базы YEOMAN на Foxandxss работы: https://github.com/Aleksion/generator-angular-webpack-babel

Удачи.