webuild

Outil de développement de mini-programmes sans configuration et non intrusif

Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils

caractéristiques:

• Prise en charge du mini-programme WeChat/Alipay
• Zéro configuration, tout ce dont vous avez besoin est déjà là
• Aucune intrusion. Compatible avec les méthodes de développement natives. Pas besoin de modifier une ligne de code.
• Soutenir l'introduction du module NPM
• Prise en charge ES2015, ES2016, ES2017...
• Compressez puissamment JS, ce qui permet d'économiser considérablement la taille du package.
• Prise en charge de la compression d'image, jpg/jpeg/mozjpeg/png/gif/webp/svg
• Compression WXSS/WXML/JSON
• Prise en charge de l'utilisation de css/sass/less au lieu de wxss, xml au lieu de wxml
• Compresser WXSS/WXML basé sur AST (remplacer className par 1 caractère)
• Prend en charge la variable d'environnement process.env , avec NODE_ENV par défaut. Vous pouvez également personnaliser la variable WEBUILD_XX

Ce projet est un outil de développement, pas un petit cadre de programme .

Installer

npm install @axetroy/webuild -g

démarrage rapide

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

Comment utiliser

Supposons que le répertoire de votre projet d'applet

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

Créez un répertoire src, placez le code source du projet du mini-programme dans le répertoire src et exécutez

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

# 发布项目
webuild build

Le code source src a été compilé dans le répertoire dist.

Ouvrez les outils de développement WeChat/Alipay et chargez le répertoire dist

Besoin de désactiver ES6转ES5

ligne de commande

$ 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

Exemple

• Officiel : volet officiel du mini-programme
• CNode : communauté expérimentale CNode
• Icehome : applet de la boutique d'artisanat pur Bingbingjia

Contribuer

Guide de contribution

Si vous pensez que le projet est bon, ne soyez pas avare de votre étoile.

Je construis des roues depuis longtemps, bienvenue à suivre.

Contributeurs

Axetroy ?

Licence