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 (замените имя класса на 1 символ)
• Поддерживает переменную 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

Содействие

Руководство по содействию

Если вы считаете проект хорошим, не скупитесь на звезду.

Я занимаюсь сборкой колес уже давно, добро пожаловать.

Авторы

Аксетрой ?

Лицензия