2016-08-03 2 views
1

У меня есть приложение Aurelia, но я не уверен, что нужно нажать на производственный сервер. Я читал об узле, и я начинаю понимать его еще немного. Если мы просто нажимаем папку dist (вложенную папку), index.html и package.json, автоматически ли использует файл json для удаления соответствующих пакетов? Или нам нужно запустить npm install на CLI сервера, чтобы вытащить эти пакеты? Если мы должны это сделать, то я предполагаю, что мы должны сделать то же самое с jspm.Что необходимо при развертывании приложения Aurelia/Node?

Кроме того, вместе с файлом json нам нужно сделать push config.js для производства?

Редактировать

Я просто побежал глоток экспорта и производит папки экспорта со следующим:

  1. расстояния папка папки
  2. jspm_packages
  3. config.js
  4. индекса. html
  5. favicon.ico

Я копирую все эти файлы и вставляю их в производство. Первая ошибка я получаю это 404 на main.js

Вот мой bundles.js файл

module.exports = { 
    "bundles": { 
    "dist/app-build": { 
     "includes": [ 
     "[**/*.js]", 
     "**/*.html!text", 
     "**/*.css!text" 
     ], 
     "options": { 
     "inject": true, 
     "minify": true, 
     "depCache": true, 
     "rev": false 
     } 
    }, 
    "dist/aurelia": { 
     "includes": [ 
     "aurelia-framework", 
     "aurelia-bootstrapper", 
     "aurelia-fetch-client", 
     "aurelia-router", 
     "aurelia-animator-css", 
     "aurelia-templating-binding", 
     "aurelia-polyfills", 
     "aurelia-templating-resources", 
     "aurelia-templating-router", 
     "aurelia-loader-default", 
     "aurelia-history-browser", 
     "aurelia-logging-console", 
     "bootstrap", 
     "bootstrap/css/bootstrap.css!text", 
     "fetch", 
     "jquery" 
     ], 
     "options": { 
     "inject": true, 
     "minify": true, 
     "depCache": false, 
     "rev": false 
     } 
    } 
    } 
}; 

Я смущен о том, почему он не загружается мой nprogress бара. Я получаю 404, где он ищет appName/jspm_packages/github/rstacruz-nprogress. Почему он автоматически не настраивает это в комплекте/экспортируется? Как я могу исправить его там, где он автоматически включает все мои библиотеки, которые я привез?

ответ

2

Запустить команду gulp export. Он свяжет приложение и скопирует необходимые файлы (index.html, config.js и т. Д.) В папку export. Затем просто скопируйте папку экспорта на сервер. Нет необходимости устанавливать пакеты в производство.

EDIT

При установке пакета, такие как nprogress, вы должны включить его в один из файлов пачке. Пакеты настроены в build/bundles.js. Навигационный скелет aurelia поставляется с двумя конфигурациями, один для библиотек aurelia и один для остальной части вашего приложения. Вы также можете создать больше пакетов, если хотите. Для добавления пакета в файл расслоение, вы просто добавить свое имя в определенный массив, например:

//... 
"dist/aurelia": { 
     "includes": [ 
     "aurelia-framework", 
     "aurelia-bootstrapper", 
     "aurelia-fetch-client", 
     "aurelia-router", 
     "aurelia-animator-css", 
     "aurelia-templating-binding", 
     "aurelia-polyfills", 
     "aurelia-templating-resources", 
     "aurelia-templating-router", 
     "aurelia-loader-default", 
     "aurelia-history-browser", 
     "aurelia-logging-console", 
     "bootstrap", 
     "bootstrap/css/bootstrap.css!text", 
     "fetch", 
     "jquery", 
     "nprogress" 
     ], 
//... 

В приведенных выше примере я добавляю nprogress в aurelia пачки. Вы можете добавить это в комплект app-build, или даже создать еще один комплект только для nprogress.

Теперь, когда вы запустите gulp export, nprogress будет в комплекте в файл aurelia - ######. Js, и он будет готов к работе на производстве.

+0

Как это работает? Когда вы запускаете 'gulp export', это переносит файлы javascript node_modules в папку или что-то в этом роде?У меня ошибка с командой, поэтому я не могу смотреть через эту папку в данный момент. – James

+1

Короче говоря, 'gulp bundle' скопирует все файлы node_modules/jspm_packages, которые вам нужны, и объединить их в один или несколько файлов. 'gulp export' будет запускать' gulp bundle' под капотом, скопировать некоторые необходимые файлы (index.html, config.js и т. д.) и, наконец, экспортировать их в папку «export». –

+0

Хорошо, я получил его на работу ... вроде. В папке экспорта есть папка dist и jspm_packages вместе с файлом config.js и index.html. По какой-то причине я получаю 404s в моем файле css и загрузке индикатора выполнения. В папке jspm_packages нет почти количества пакетов, которые у меня есть. Единственное, что он загружает, это twbs, bluebird и font-awesome. Что мне нужно изменить, чтобы заставить его загружать ВСЕ мои пакеты? – James