Angular Структура проекта с отдельным пакетом. json файлы

Question

Я видел эту структуру проекта в Angular с Node.js в качестве бэкэнда, где модули и пакет узлов Angular. json находились в папке «app», а модули узлов и пакет node.js ' . json были в root проекта. (см. картинку)

Как мне получить запрошенный результат?

Answer 1

Папки node_modules должны быть разделены между интерфейсом Angular и серверной частью Node. Например, стандартная структура проекта для полного стека приложения angaulr / node должна быть примерно такой.

.
├── ProjectName
|   ├── angular-app-name
|   └── server

Для такой структуры проекта запустите

• mkdir ProjectName // Создайте проект root каталог
• mkdir server // Создайте папку сервера узла
• cd server
• npm init // Инициализируйте npm
• touch server. js // Создайте сервер js файл для узла backenk
• cd .. // Вернуться к проекту root
• ng new {app-name} // Создать angular проект

Насколько я могу судить, вы чего-то хотите вот так, когда ваше приложение angular находится внутри серверной части узла.

.
├── ProjectName
|   ├── angular-app-name
|   └── server.js
|   └── node_modules

• mkdir ProjectName // Создайте проект root каталог
• npm init // Инициализируйте npm
• touch server. js // Создать сервер js файл для backenk узла
• ng new {app-name} // Создать angular проект

Я лично считаю, что более стандартная структура проект-> бэкэнд / интерфейс имеет больше смысла, но и то, и другое будет работать нормально.

Answer 2

Шаг 1: - Запустите npm i @ angular / cli@latest в командной строке

Шаг 2: - создайте пустую папку.

Шаг 3 : - go в вашу вновь созданную папку внутри командной строки.

Шаг 4: - запустите npm init

Шаг 5: - затем запустите ng new my-app

Шаг 6: - затем запустите touch server. js

Answer 3

Я рекомендую вам использовать NX https://nx.dev/, это даст вам идеальную структуру и множество преимуществ монорепозитория, у вас может быть несколько приложений angular и серверная часть узла, чтобы вы могли использовать его как приложение вроде этого

ng g node-app backend-api

У вас будет такая структура:

apps/
  angularApp-1/
  angularApp-1-e2e/
  angularApp-2/
  angularApp-2-e2e/
  api/ //your node app
   src/
     app/
     assets/
     environemnts/
     main.ts
   jest.config.js
   tsconfig.app.json
   tsconfig.spec.json
  tslint.json 
libs/

tools/
angular.json
nx.json
package.json
tsconfig.json
tslint.json

Answer 4

• Создайте каталог root.
• Из каталога запустите 'npm init'
• Чтобы создать файл сервера, запустите 'touch server. js '
• Затем, чтобы создать приложение angular из каталога root, запустите' ng new app-name '