random quote machine

Приложение Nano React по умолчанию шаблон JavaScript

Проект шаблона по умолчанию для Nano-React-App.

• npm start - это породит сервер разработки с портом по умолчанию 1234 .
• npm run build - это выведет производственную сборку в dist Directory.

Пользовательский порт

Вы можете использовать флаг -p , чтобы указать порт для разработки. Для этого вы можете запустить npm start с дополнительного флага:

 npm start -- -p 3000

Или напрямую отредактировать сценарий start :

 parcel index.html -p 3000

Добавление стилей

Вы можете использовать файлы CSS с простыми операторами import ES2015 в любом месте вашего JavaScript:

 import "./index.css" ; 

Вавилочка преобразует

Babel Preset Babel-Preset-Nano-React-APP используется для поддержки тех же преобразований, которые создают поддержку приложений React.

Конфигурация Babel живет внутри package.json и будет переопределять внешний файл .babelrc , поэтому, если вы хотите использовать .babelrc не забудьте удалить свойство babel inside package.json .

Развернуть на страницы GitHub

Вы также можете развернуть свой проект с помощью страниц GitHub. Сначала установите пакет gh-pages :

npm i -D gh-pages

С флагом Parcel's --public-url используйте следующие сценарии для развертывания:

 "scripts": {
  "start": "parcel index.html",
  "build": "parcel build index.html --public-url '.'",
  "predeploy": "rm -rf dist && parcel build index.html --public-url '.'",
  "deploy": "gh-pages -d dist"
},

Затем следуйте нормальной процедуре на страницах GitHub и выберите филиал gh-pages .