หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เทมเพลต JavaScript เริ่มต้นของ Nano React

โครงการเทมเพลตเริ่มต้นสำหรับ Nano-React-App

  • npm start - นี่จะวางไข่เซิร์ฟเวอร์การพัฒนาด้วยพอร์ตเริ่มต้นที่ 1234
  • npm run build - สิ่งนี้จะส่งออกการผลิตในไดเรกทอรี dist

พอร์ตที่กำหนดเอง

คุณสามารถใช้ธง -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 ใช้เพื่อรองรับการแปลงเดียวกันที่สร้างการสนับสนุนแอพตอบสนอง

การกำหนดค่า BABEL อาศัยอยู่ภายใน package.json และจะแทนที่ไฟล์ .babelrc ภายนอกดังนั้นหากคุณต้องการใช้ .babelrc อย่าลืมลบคุณสมบัติ babel ภายใน package.json

ปรับใช้กับหน้า GitHub

คุณยังสามารถปรับใช้โครงการของคุณโดยใช้หน้า GitHub ก่อนอื่นติดตั้งแพ็คเกจ gh-pages :

npm i -D gh-pages

ด้วยธงของพัสดุ --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

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด