نموذج Vue عالمي، معياري، متعدد الصفحات، ومكدس كامل للتعامل مع المشروع الضخم. استنادًا إلى Node.js وExpress وPM2 وLerna وWebpack وBabel وVue.js وElement وPostCSS.
element-ui
كأدوات مساعدة لواجهة المستخدم.prettier
و ESlint
في خطاف ما قبل الالتزام باستخدام lint-staged
. توقف عن القلق بشأن تسلل التعليمات البرمجية إلى قاعدة التعليمات البرمجية الخاصة بك.pm2
كمدير عملية الإنتاج.http-proxy-middleware
لوكيل واجهة برمجة تطبيقات الخادم البعيد لتجنب خطأ CORS.webpack dll
لتحسين أداء وقت البناء.dynamic webpack entry
من خلال cli.lerna
لإدارة مشاريع متعددة في مشروع واحد.postcss
للجيل القادم من المعالجات المسبقة لـ CSS.express
واحد.winston
كنظام المسجل.git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev
خلال عمر التطوير في مشروع ضخم. إن السماح لـ webpack ببناء الملف الضروري هو أكثر ملاءمة بدلاً من بناء المشروع بأكمله. تستخدم vue-crane cli كمدخل للسماح للمستخدم باختيار الوحدة التي يريد تطويرها.
ابدأ تشغيل خادم إنتاج محلي مع إعادة التحميل السريع باستخدام nodemon
.
$ npm install
$ npm run build
$ npm run local
هناك 3
بيئات إنتاج في vue-crane:
Test
Pre-Release
Release
البيئةتحتوي كل بيئة على برنامج نصي لبدء التشغيل خاص بها:
بيئة الاختبار:
$ npm run stage
بيئة ما قبل الإصدار:
$ npm run pre
بيئة الإصدار:
$ npm run release
تستخدم vue-crane مشروع حزمة يسمى vue-crane-bundle للنشر. في كل مرة تريد تكرار إصدار جديد، ما عليك سوى تنفيذ برنامج نصي Shell. سيتم تسوية جميع الأشياء في مشروع الحزمة الخاص بك. هناك ثلاث فوائد لاستخدام مشروع الحزمة للنشر:
أنشئ مستودع git فارغًا كمشروع الحزمة الخاص بك. أضف عنوان URL بعيدًا إلى أي خدمة استضافة لمستودع git. تأكد من أن مشروع الحزمة الخاص بك موجود في نفس مستوى المجلد مع مشروعك المصدر.
تحرير البرنامج النصي للحزمة في package.json
. يلزم توفير ثلاث معلمات: source_project
، bundle_project
، release_branch
.
{
"bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}
$ npm run bundle
رخصة معهد ماساتشوستس للتكنولوجيا (MIT). يرجى الاطلاع على ملف الترخيص لمزيد من المعلومات.