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分支。