2017-02-06 13 views
0

Я даю последние данные моему первому приложению AngularJS, и я создаю конфигурацию Gulp для угашения моего кода и установки некоторых констант, чтобы получить более чистый способ определения различных сред.AngularJS + Gulp - Должен ли я объединить все файлы в одном?

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

src          
├── app         
│ ├── app.js       
│ ├── config.js      
│ └── index.html      
└── resources       
│ └── [...3rd party libraries...].min.js 
└── components 
    ├── admin 
    |  ├── users 
    |  |  ├── users.list.controller.js 
    |  |  └── users.list.view.html 
    |  └── areas 
    |   ├── areas.list.controller.js 
    |   └── areas.list.view.html 
    ├── [...etc...] 
    └── [...etc...] 

Теперь, как мои конфигурации в моей index.html я все эти .js импортирован, например:

<script src="components/admin/users/users.list.controller.js"></script> 
<script src="components/admin/areas/areas.list.controller.js"></script> 

вопрос, я должен объединить все свои компоненты кода только в одном файле? Если да, то как я могу превратить весь мой HTML JS импорта в только один (я просить автоматизированный способ, конечно :))

Если у кого есть какая-либо мысль о моей структуре приложения или, стандартных, это приветствуется

Спасибо!

ответ

1

Обычно мы решим бить наш пакет/миниатюрный файл по размеру. Мы используем разный подход в области разработки и производства.

Среда разработки:

  • Мы используем wiredep/залпом-инъецировать передавать JS-файлы в индексную страницу.
  • Мы поставили наблюдателя на задание wiredep/gulp-inject, чтобы изучить любые изменения в коде. так что новый код может быть автоматически передан на индексную страницу.
  • Мы используем беседу для зависимостей на стороне клиента и автоматизируем процесс, чтобы после установки зависимости ссылка будет указана на индексной странице.

Производство Окружающая среда

  • Bundle/Минимизировать все третья библиотека партия как отдельный пакет.
  • Bundle/Минимизировать все файлы проекта в отдельном комплекте.
  • Часто смотрите размер этих пакетов, поскольку по мере роста кода вам может потребоваться разбить мини-файлы на большее количество файлов.
  • Мы используем черновую-usemin служить Минимизированный файлы

Ссылки

Wiredep/gulp-inject

usemin

+0

Я читал и думаю, что мне нужно что-то вроде этого. К настоящему времени я редактирую один и тот же файл js, поскольку он импортирован в индекс, а не обходит его с помощью gulp. Но дело в том, что когда вы минимизировали производственную среду, вам нужно будет изменить весь путь js от dev до «bundle.js». Вот что я не делаю.