هذا ليس بديلًا create-react-app بأي وسيلة! إنها مجرد وسيلة لبدء تشغيل مشروع WebPack مع التكوين الأساسي في ثوان.
خرج إطار واجهة المستخدم الجديدة للتو ، مكتبة جديدة ، أداة جديدة .. تريد اختباره ولكنك تحتاج إلى تكوين حزمة الويب وتثبيت الكثير من الأشياء من أجل البدء ..؟
هناك الكثير من مولدات تطبيقات WebPack ، لكن هذا الجهاز لن يجعلك تبكي.
مثل create-react-app وهو أمر رائع ولكنه مفيد للغاية ... هل حاولت إضافة شيء إلى ملف webpack.config.js ؟ أعلم ... يجب عليك eject كل شيء من أجل القيام بذلك.
ماذا لو كان كل ما أريد فعله هو مجرد كتابة الكود الخاص بي ، ربما إضافة مكون إضافي لـ WebPack أو محمل حتى أتمكن من تشغيله في متصفحي؟
babel أن يحول رمز ES6 الخاص بك؟ نعم!react ؟ نعم!وضعت كل آرائي جانبا وركزت على البساطة ، وأخمن ماذا؟ لا تحتاج إلى إخراج أي شيء لتحرير/إضافة/إزالة شيء حتى تتمكن فقط من البدء في كتابة الكود الخاص بك! هذا كل شيء!
npm install -g create-wpapp
$ mkdir project
$ cd project
$ create-wpapp
? What is your app name? webpack-starter
? Select dev server port: 3001
? Choose app type: TypeScript
? Are you going to use React in your app? Yes
? Are you going to use css in your app? Yes
? Do you want to use SCSS preprocessor? Yes
? What is your name? Udi Talias
? What is your email? [email protected]
Creating a new webpack app in /Users/udidu/project...
...
All Done.
Run npm start to start the dev server
سيؤدي ذلك إلى إنشاء مشروع WebPack مع Dev Server HMR في الهيكل التالي:
/project
|- node_modules
|- src
|- style
|- main.{css,scss} // Based on your selection
|- app.{js,ts,tsx} // Based on your selection
|- views
|- index.html
|- .gitignore
|- package.json
|- webpack.config.js
|- tsconfig.json // For a TypeScript project
فقط قم بتشغيل npm start تشغيل خادم DEV.
شوكة فقط ، افعل ما تريد وإنشاء طلب سحب.
فقط افتح واحدة.
ستتطور هذه الأداة من وقت لآخر ... أعرف أنها بسيطة للغاية ولكن الاختبارات وسيتم إضافة المزيد من الخيارات إلى عملية الإعداد حتى تتمكن من اختيار (أو لا) ما تريده في مشروع WebPack البسيط الخاص بك!
مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا (أساسًا - افعل أي شيء تريده). انظر الترخيص لمزيد من التفاصيل.