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자로 대체)
• 기본적으로 NODE_ENV 사용하여 환경 변수 process.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 순수 수공예품 상점 애플릿

기여

기여 가이드

프로젝트가 좋다고 생각한다면 스타에게 인색하지 마세요.

나는 오랫동안 바퀴를 만들어 왔습니다. 팔로우를 환영합니다.

기여자

액세트로이 ?

특허