random quote machine

قالب JavaScript App Nano React

مشروع القالب الافتراضي لتنبيه نانو.

• 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 Preset-Preset-Nano-React-APP لدعم نفس التحويلات التي تنشئ دعم تطبيق React.

يعيش تكوين Babel داخل package.json وسيقوم بتجاوز ملف .babelrc خارجي ، لذلك إذا كنت ترغب في استخدام .babelrc تذكر حذف خاصية babel داخل package.json .

نشر على صفحات 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 .