webuild

Konfigurationsfreies, nicht-intrusives Miniprogramm-Entwicklungstool

Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen

Merkmal:

• Unterstützen Sie das WeChat/Alipay-Miniprogramm
• Keine Konfiguration, alles, was Sie brauchen, ist bereits vorhanden
• Kein Eingriff. Kompatibel mit nativen Entwicklungsmethoden. Keine Notwendigkeit, eine Codezeile zu ändern.
• Unterstützen Sie die Einführung des NPM-Moduls
• Unterstützt ES2015, ES2016, ES2017...
• Komprimieren Sie JS kraftvoll und sparen Sie so die Paketgröße erheblich.
• Unterstützt Bildkomprimierung, jpg/jpeg/mozjpeg/png/gif/webp/svg
• WXSS/WXML/JSON-Komprimierung
• Unterstützt die Verwendung von css/sass/less anstelle von wxss, xml anstelle von wxml
• WXSS/WXML basierend auf AST komprimieren (Klassenname durch 1 Zeichen ersetzen)
• Unterstützt die Umgebungsvariable process.env , standardmäßig mit NODE_ENV . Sie können auch die Variable WEBUILD_XX anpassen

Dieses Projekt ist ein Entwicklungstool, kein kleines Programm-Framework .

Installieren

npm install @axetroy/webuild -g

Schnellstart

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

Wie zu verwenden

Gehen Sie davon aus, dass Ihr Applet-Projektverzeichnis

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

Erstellen Sie ein SRC-Verzeichnis, legen Sie den Quellcode des Miniprogrammprojekts im SRC-Verzeichnis ab und führen Sie ihn aus

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

# 发布项目
webuild build

Der Quellcode src wurde in das dist-Verzeichnis kompiliert.

Öffnen Sie die WeChat/Alipay-Entwicklertools und laden Sie das dist-Verzeichnis

ES6转ES5 muss deaktiviert werden

Befehlszeile

$ 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

Beispiel

• Offiziell: Offizielle Miniprogrammkomponente
• CNode: Experimentelle CNode-Community
• Icehome: Bingbingjia-Applet für reines Kunsthandwerk

Mitwirken

Mitwirkender Leitfaden

Wenn Sie das Projekt für gut halten, geizen Sie nicht mit Ihrem Star.

Ich baue schon seit langem Laufräder, ich bin herzlich eingeladen, mitzumachen.

Mitwirkende

Axetroy ?

Lizenz