webuild

設定不要の非侵入型ミニプログラム開発ツール

労働者が仕事をうまくやりたいなら、まず道具を研ぐ必要があります

特性：

• WeChat/Alipay ミニ プログラムをサポート
• 設定ゼロ、必要なものはすべてすでにそこにあります
• 侵入なし。コード行を変更する必要はありません。
• NPMモジュールの導入をサポート
• ES2015、ES2016、ES2017をサポート...
• JS を強力に圧縮し、パッケージ サイズを大幅に節約します。
• 画像圧縮をサポート、jpg/jpeg/mozjpeg/png/gif/webp/svg
• WXSS/WXML/JSON圧縮
• wxss の代わりに css/sass/less、wxml の代わりに xml の使用をサポート
• AST に基づいて WXSS/WXML を圧縮します (className を 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 純粋な手工芸品ショップ アプレット

貢献する

貢献ガイド

プロジェクトが良いと思うなら、スターを出し惜しみしないでください。

私は長い間ホイールを構築してきました、フォロー大歓迎です。

貢献者

アクセトロイ ? ?

ライセンス