random quote machine

Nano React App Default JavaScript Template

Proyek template default untuk nano-react-app.

• npm start - Ini akan menelurkan server pengembangan dengan port default 1234 .
• npm run build - Ini akan menghasilkan build produksi di direktori dist .

Port khusus

Anda dapat menggunakan bendera -p untuk menentukan port untuk pengembangan. Untuk melakukan ini, Anda dapat menjalankan npm start dengan bendera tambahan:

 npm start -- -p 3000

Atau edit skrip start secara langsung:

 parcel index.html -p 3000

Menambahkan gaya

Anda dapat menggunakan file CSS dengan pernyataan import ES2015 sederhana di mana saja di JavaScript Anda:

 import "./index.css" ; 

Transformasi Babel

Babel preset Babel-preset-nano-react-App digunakan untuk mendukung transformasi yang sama yang membuat dukungan aplikasi React.

Konfigurasi Babel hidup di dalam package.json dan akan mengesampingkan file .babelrc eksternal, jadi jika Anda ingin menggunakan .babelrc ingatlah untuk menghapus properti babel di dalam package.json .

Menyebarkan ke halaman GitHub

Anda juga dapat menggunakan proyek Anda menggunakan halaman GitHub. Pertama instal paket gh-pages :

npm i -D gh-pages

Dengan bendera Parcel --public-url , gunakan skrip berikut untuk penempatan:

 "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"
},

Kemudian ikuti prosedur normal di halaman GitHub dan pilih cabang gh-pages .