webuild

Herramienta de desarrollo de miniprogramas no intrusiva y sin configuración

Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas.

característica:

• Admite miniprograma WeChat/Alipay
• Configuración cero, todo lo que necesitas ya está ahí
• Sin intrusiones. Compatible con métodos de desarrollo nativos. No es necesario cambiar una línea de código.
• Apoyar la introducción del módulo NPM
• Soporte ES2015, ES2016, ES2017...
• Comprime JS potentemente, ahorrando enormemente el tamaño del paquete.
• Admite compresión de imágenes, jpg/jpeg/mozjpeg/png/gif/webp/svg
• Compresión WXSS/WXML/JSON
• Soporte para usar css/sass/less en lugar de wxss, xml en lugar de wxml
• Comprimir WXSS/WXML basado en AST (reemplace el nombre de clase con 1 carácter)
• Admite la variable de entorno process.env , con NODE_ENV de forma predeterminada. También puede personalizar la variable WEBUILD_XX

Este proyecto es una herramienta de desarrollo, no un pequeño marco de programa .

Instalar

npm install @axetroy/webuild -g

inicio rápido

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

como usar

Supongamos que el directorio del proyecto de su subprograma

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

Cree un directorio src, coloque el código fuente del proyecto del mini programa en el directorio src y ejecútelo

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

# 发布项目
webuild build

El código fuente src se ha compilado en el directorio dist.

Abra las herramientas de desarrollo de WeChat/Alipay y cargue el directorio dist

Necesita desactivar ES6转ES5

línea de comando

$ 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

Ejemplo

• Oficial: componente oficial del mini programa
• CNode: comunidad CNode experimental
• Icehome: subprograma de tienda de artesanía pura de Bingbingjia

Contribuyendo

Guía contribuyente

Si crees que el proyecto es bueno, no seas tacaño con tu estrella.

He estado construyendo ruedas durante mucho tiempo, bienvenido a seguirme.

Colaboradores

axetroy ?

Licencia