2016-08-01 3 views
1

Как развернуть приложение MEAN STACK + WEBPAC?Развертывание MEAN + Webpack на Azure

  • У меня есть приложение MEAN Stack + Webpac и nodejs сервера, который обеспечивает REST API
  • Я бег углового приложения с помощью WebPack Dev сервера
  • после создания приложения WebPack, у меня есть build.js файл.

Как связать файл сборки с приложением nodejs? Как правило, с requirejs, я хотел бы использовать тег HTML скрипт, этот путь

<script src="build.js" /> 

Я понимаю, что это не webpac путь,

+0

Обновление до сих пор? –

+0

Я не знаю, почему люди сбивают это с толку, поскольку это не общеизвестно. Обычно можно подумать, что того, что вы предоставляете в пакете.json, достаточно, но оказывается, что на самом деле вам нужно редактировать пакетные файлы на сервере. Совсем не разработчик, поэтому +1 за вопрос. –

ответ

8

Вообще говоря, мы можем использовать Custom Deployment Script установить nodejs модули и запустить пользовательские сценарии во время задачи Azure Deployment, чтобы создать ваше приложение для веб-приложений в Azure Web Apps.

Пожалуйста, попробуйте выполнить следующие действия:

  1. Создайте файл .deployment и deploy.cmd по azure-cli командам azure site deploymentscript --node --sitePath nodejs
  2. Run НОЙ команды npm install --save webapck установить webpack в папку вашего локального приложения.
  3. определить пользовательские НПЙ сценарий в файле package.json запустить webpack команды и пусть позже задачу вызова развертывания: "scripts": { "webpack":"node_modules/.bin/webpack" },
  4. Измените файл deply.cmd, добавить процесс запуска сценария НПХ мы определили. В исходном файле, вы можете найти подобный скрипт для установки модулей Node.js: :: 3. Install npm packages IF EXIST "%DEPLOYMENT_TARGET%\package.json" ( pushd "%DEPLOYMENT_TARGET%" call :ExecuteCmd !NPM_CMD! install --production IF !ERRORLEVEL! NEQ 0 goto error popd )
    мы можем определить пользовательский скрипт под ним: :: 4. webpack IF EXIST "%DEPLOYMENT_TARGET%\webpack.config.js" ( pushd "%DEPLOYMENT_TARGET%" call :ExecuteCmd !NPM_CMD! run webpack IF !ERRORLEVEL! NEQ 0 goto error popd )
  5. развернуть приложение WebPack к Azure Web App с помощью Git.

Это мой тест webpack app repository на Github, FYI.

+0

привет Гари, спасибо за ответ, однако, еще одна вещь заключается в том, что мое приложение имеет nodejs express backend. как я их запускаю при развертывании? спасибо –

+2

Развернуть экспресс на Azure не нужно настраивать сценарий развертывания. Вы можете переименовать файл входа в 'server.js' и' app.js', изменить порт прослушивания на 'process.env.port' и использовать Git для развертывания в Azure в обычном режиме. Для получения дополнительной информации вы можете обратиться к https://azure.microsoft.com/en-us/documentation/articles/app-service-web-nodejs-get-started/. –

+0

У меня возникла ошибка, например, «сайт не является лазурной командой». Чтобы преодолеть это, сначала введите следующую команду: 'azure config mode asm'. После этого распознаются команды «azure site». – schlingel

Смежные вопросы