Я новичок в Angular 2, я знаю хост Angular 1.x на общем хостинге, например GoDaddy, но у меня нет идеи о том, как публиковать приложение Angular 2, например, у меня есть эта папка структуры:
angular2-quickstart
--app
app.component.ts
main.ts
--node_modules
--typings
index.html
package.json
styles.css
systemjs.config.js
tsconfig.json
typings.json
Какой файл мне нужно загрузить на ftp?
Я ничего не пробовал, потому что не знаю, как действовать дальше Спасибо заранее!
Если у вас нет бэкэнда, сайты бесплатного хостинга обычно ищут index.html, чтобы начать свою работу. Следовательно, ваша структура папок верна, но вам нужно будет загрузить файлы js вместо файлов ts.
В качестве языка, основанного на компонентах, angular 2 содержит некоторые предостережения в процессе развертывания. Во-первых, файлы, используемые в среде разработки, не обязательно отправляются на производство. Короче говоря, вам нужно будет загружать файлы .js,.html и .css.
Во-вторых, даже если ваше приложение работает с развертыванием только указанных выше файлов, рекомендуется включить следующий процесс:
Связывание: компиляция всех .js файлов в отдельные файлы. Например, vendor.js может включать в себя все сторонние библиотеки, а bundle.js будет включать все приложения .js файлы. (Связки импортируются по соображениям производительности, но имейте в виду, что с приходом http 2 этот процесс будет отменен)
Минимизация: это стандартный процесс во всех веб-приложениях, но теперь вы только минимизируете связанные файлы.
Взгляните на эту статью, так как она дает некоторые примеры инструментов, которые могут помочь вам в процессе развертывания. http://www.ninjaducks.in/hacking/angular-setup/
Я думаю, что один популярный рабочий процесс - это gulp - typescript ваши .ts файлы и отправка результирующих файлов .js в папку распространения. Многие .js файлы также могут быть "gulp -concatenated" (gulp -concat) в один файл.
Конечно, вам нужно будет отправлять файлы html и css.
Так как библиотека Angular2 в значительной степени зависит от того, что в папке node_modules, вам нужно будет загрузить свою установку package.json и npm на стороне сервера. Вы можете попробовать загрузить node_modules, но загрузка занимает много времени.
Вам нужно построить проект angular2 с помощью таких инструментов, как webpack или angular -cli, который также использует выпуск webpack post beta.14. Webpack создаст каталог распространения - dist - который можно развернуть на сервере. Webpack объединяет весь код в один файл, который он помещает в папку dist. Здесь хороший ресурс для понимания структуры кода и развертывания приложения angular2: https://github.com/mirkonasato/angular2-course-webpack-starter
Клонировать вышеуказанный каталог, запустить "npm install", чтобы установить все зависимости и запустить "npm run build", вы увидите папку распространения - dist - которую вы можете развернуть.
Ну, вы можете запустить ng build в корневом каталоге приложения. Он создаст каталог dist, содержащий приложение и файлы. Вы можете поместить этот каталог в страницу, на которой веб-сервер будет искать index.html