random quote machine

Nano React應用程序默認JavaScript模板

納米反應應用的默認模板項目。

• npm start - 這將產生一個開發服務器，默認端口為1234 。
• npm run build - 這將在dist目錄中輸出生產構建。

自定義端口

您可以使用-p標誌指定用於開發的端口。為此，您可以運行npm start ：

 npm start -- -p 3000

或直接編輯start腳本：

 parcel index.html -p 3000

添加樣式

您可以在JavaScript中的任何地方使用簡單ES2015 import語句的CSS文件：

 import "./index.css" ; 

別鮑爾轉變

Babel Prepet Babel-Preset-Nano-React-App用於支持創建React App支持的相同轉換。

babel配置生存在package.json中。 JSON並將覆蓋一個外部.babelrc文件，因此，如果您想使用.babelrc請記住在package.json中刪除babel屬性。

部署到github頁面

您還可以使用GitHub頁面部署項目。首先安裝gh-pages軟件包：

npm i -D gh-pages

使用Parcel的--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分支。