RequireJs VS Browserify, который лучше всего подходит для оптимизации JS

Question

Я разрабатываю одностраничное приложение с угловымJS. Для оптимизации JS в настоящее время у меня есть два варианта: requireJs, а другой - Browserify.

Какой из них лучше всего подходит для одностраничного приложения AngularJs.

Пожалуйста, обратите внимание Простота внедрения, поддержки, лучшее исполнение и т.д.

Пожалуйста, предложите

.state('root.home',{ 
     url: '/index.html', 
     views: { 
      'header': { 
       templateUrl: 'modules/header/html/header.html', 
       controller: 'headerController' 
      },   
      'content-area': { 
       templateUrl: 'modules/home/html/home.html', 
       controller: 'homeController' 
      }, 
      'footer': { 
       templateUrl: 'modules/common/html/footer.html', 
       controller: 'footerController' 
      } 
     }, 
     data: { 
      displayName: 'Home', 
     } 
    }) 

В моей странице index.html Я загрузки необходимых JavaScripts и нежелательную scripts.Which один самый лучший подход к загружаемый JS-файл для домашнего модуля с помощью rooter AngularJs UI. Пожалуйста, дайте один пример с UI rooter

Answer 1

Использование AngularJS означает, что вы не строите изоморфное приложение. Я предполагаю, что вы будете делиться меньшим количеством кода между клиентом и узловым приложением. Если вам нужен только загрузчик зависимостей в клиенте, я бы сказал, что вы ищете requirejs, и многие из них доступны в Интернете. Ниже приведено хорошее сравнение различных доступных вариантов.

http://www.slant.co/topics/1089/compare/~webpack_vs_browserify_vs_requirejs

Answer 2

Пара мыслей:

• легкость Browserify по использованию выигрывает. Просто используйте require() и module.exports, как и в любом модуле узла; проще, чем определение Требований и инъекции зависимостей.
• Производительность с точки зрения времени процессора для обоих параметров незначительна. Что касается размера - требуется, чтобы он загружался в bootstrap, но Browserify строит автономные пакеты. Тем не менее, Browserify действительно хочет импортировать некоторые библиотеки Node по умолчанию, которые имеют тенденцию увеличивать размер.
• Примечательно для больших приложений: requirejs позволяет довольно прозрачную асинхронную загрузку скриптов. Browserify - нет. Если у вас очень большое приложение, которое вы хотите загрузить постепенно, это может быть фактором.
• В частности: Browserify позволяет импортировать изоморфные модули Node.js. Поскольку вы используете Angular, приложение само по себе не будет изоморфным, но есть более широкий объем ресурсов, чтобы воспользоваться (и их можно вводить с помощью простого npm install)