webuild

أداة تطوير برامج صغيرة بدون تكوين وغير تدخلية

إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته

مميزة:

• دعم برنامج WeChat/Alipay الصغير
• تكوين صفر، كل ما تحتاجه موجود بالفعل
• لا يوجد تدخل، متوافق مع أساليب التطوير الأصلية. لا حاجة لتغيير سطر من التعليمات البرمجية.
• دعم إدخال وحدة NPM
• دعم ES2015، ES2016، ES2017...
• ضغط JS بقوة، مما يوفر حجم الحزمة بشكل كبير.
• دعم ضغط الصور، jpg/jpeg/mozjpeg/png/gif/webp/svg
• ضغط WXSS/WXML/JSON
• دعم استخدام css/sass/less بدلاً من wxss، وxml بدلاً من wxml
• ضغط WXSS/WXML استنادًا إلى AST (استبدل اسم الفئة بحرف واحد)
• يدعم متغير البيئة process.env ، مع NODE_ENV افتراضيًا، ويمكنك أيضًا تخصيص المتغير WEBUILD_XX

هذا المشروع هو أداة تطوير، وليس إطار برنامج صغير .

ثَبَّتَ

npm install @axetroy/webuild -g

بداية سريعة

webuild init my-mini-app
cd my-mini-app
npm start

كيفية الاستخدام

افترض أن دليل مشروع التطبيق الصغير الخاص بك

 .
├── app.css
├── app.js
├── app.json
└── pages
    ├── detail
    │   ├── index.css
    │   ├── index.js
    │   └── index.xml
    └── index
        ├── index.css
        ├── index.js
        └── index.xml

أنشئ دليل src، ثم ضع الكود المصدري لمشروع البرنامج المصغر في دليل src، ثم قم بتشغيله

 # 运行命令, 监听文件变化并打包编译
webuild dev

# 发布项目
webuild build

تم تجميع كود المصدر src في دليل dist.

افتح أدوات مطور WeChat/Alipay وقم بتحميل دليل dist

تحتاج إلى إيقاف تشغيل خيار ES6转ES5

سطر الأوامر

$ webuild --help

   webuild 0.3.5 - 零配置无侵入式的微信小程序开发工具
     
   USAGE

     webuild < command > [options]

   COMMANDS

     init < name >         初始化一个新项目                   
     dev                 以开发模式运行                     
     build               构建生产模式                       
     help < command >      Display help for a specific command

   GLOBAL OPTIONS

     -h, --help         Display help                                      
     -V, --version      Display version                                   
     --no-color         Disable colors                                    
     --quiet            Quiet mode - only displays warn and error messages
     -v, --verbose      Verbose mode - will also output debug messages

مثال

• رسمي: مكون البرنامج المصغر الرسمي
• CNode: مجتمع CNode التجريبي
• Icehome: تطبيق متجر Bingbingjia للحرف اليدوية النقية

المساهمة

دليل المساهمة

إذا كنت تعتقد أن المشروع جيد، فلا تبخل على نجمك.

لقد قمت ببناء العجلات لفترة طويلة، مرحبا بكم في المتابعة.

المساهمين

أكسيتروي ؟

رخصة