webuild

Ferramenta de desenvolvimento de miniprogramas não intrusiva e com configuração zero

Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar as suas ferramentas

característica:

• Suporte ao miniprograma WeChat/Alipay
• Configuração zero, tudo que você precisa já está lá
• Sem intrusão. Compatível com métodos de desenvolvimento nativos.
• Apoie a introdução do módulo NPM
• Suporte ES2015, ES2016, ES2017...
• Comprima JS poderosamente, economizando bastante o tamanho do pacote.
• Suporta compactação de imagem, jpg/jpeg/mozjpeg/png/gif/webp/svg
• Compressão WXSS/WXML/JSON
• Suporte usando css/sass/less em vez de wxss, xml em vez de wxml
• Compactar WXSS/WXML com base em AST (substitua className por 1 caractere)
• Suporta a variável de ambiente process.env , com NODE_ENV por padrão. Você também pode personalizar a variável WEBUILD_XX

Este projeto é uma ferramenta de desenvolvimento e não uma pequena estrutura de programa .

Instalar

npm install @axetroy/webuild -g

início rápido

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

Como usar

Suponha que o diretório do projeto do seu miniaplicativo

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

Crie um diretório src, coloque o código-fonte do projeto do miniprograma no diretório src e execute

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

# 发布项目
webuild build

O código fonte src foi compilado no diretório dist.

Abra as ferramentas de desenvolvedor WeChat/Alipay e carregue o diretório dist

Precisa desligar ES6转ES5

linha 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

Exemplo

• Oficial: componente oficial do miniprograma
• CNode: comunidade CNode experimental
• Icehome: miniaplicativo de loja de artesanato puro Bingbingjia

Contribuindo

Guia de contribuição

Se você acha que o projeto é bom, não seja mesquinho com sua estrela.

Eu venho construindo rodas há muito tempo, seja bem-vindo a seguir.

Colaboradores

Axetroy ?

Licença