Как создать файлы сборки в следующем JS - PullRequest
Новая
       13

Как создать файлы сборки в следующем JS

0 голосов
/ 30 июня 2018

Я изучаю базовый следующий JS. Если мы запустим npm, запустите build create-реагировать-app сгенерирует папку build index.html и файлы комплектов. В следующем JS. Он не создает файл сборки. Как я буду развертывать следующий проект js на сервере

. Следующая папка

Ответы [ 3 ]

0 голосов
/ 04 марта 2019

Чтобы создать свой следующий проект, используйте npm, запустите build , и для этого вам нужно добавить это в свои файлы в файле package.json- 

  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "next start -p $PORT"
  }

next build - это команда, которая создает проекты, которая предоставляет вам папку .next, содержащую весь собранный контент, который фактически должен быть развернут на сервере, но вы развернете весь проект папка , так как вам также необходимо установить узлы модулей.

Просто отправьте весь свой проект на узел js ready host и запустите 

npm start
0 голосов
/ 20 июля 2019

Убедитесь, что ваши скрипты файла package.json выглядят следующим образом: 


    "scripts": { 
      "dev": "next", # development
      "build": "next build", # build nextapp to .next folder
      "start": "next start", # start nextjs server for .next build folder
      "prod": "next export" # export nextjs files as bundle like in react app
   }

Nodejs должен быть настроен на производство первым в .env или использовать его, как показано ниже. 

   npm run build # to build the nextjs in .nextfolder
   NODE_ENV=production npm run start # set NODE_ENV to production and start server

Однако это будет порт по умолчанию 3000. Вы можете изменить порт для обслуживания трафика напрямую на порты 80 и 443 как "start": "next start -p 80", или использовать расширенный обратный прокси-сервер, такой как nginx, для сервера вашего приложения для всего мира. Я бы порекомендовал nginx, потому что он многопоточный и имеет отличные функции безопасности, которые вы можете реализовать.

ссылка: https://github.com/zeit/next.js#production-deployment

0 голосов
/ 21 июля 2018

Я обычно использую Next CLI для генерации приложений Next. Он очень похож на create-реагировать-приложение, но также генерирует структуру для Next, следуя всем лучшим практикам. Это включает в себя следующий скрипт сборки:

npm run build

Кстати, я лично обнаружил, что хостинг Zeit является идеальной платформой для приложений Next (это ребята, которые разрабатывают Next). Вы можете развернуть свое приложение как есть с помощью команды now, и оно обрабатывает сборку и т. Д.

Вот пример недавно созданного приложения Next, которое я сейчас размещаю: https://stage.comerbeber.mx

...