wxpack

1.0.0 • Public • Published

wxpacker

构建一个好用的小程序的打包工具,小程序界的webpack

why ?

微信小程序火了之后,对于小程序的开发需要就提上了日程,

小程序本身提供的开发方式很简约,但是还有很多地方不符合现代前端的开发方式

  1. 不支持node_modules
  2. 不支持模块的绝对路径
  3. 不完整的支持es6 或者 更想用typescript
  4. Callback回调方式如果逻辑重太难维护代码,更期待promise/async/await的解决方案
  5. 组件的支持不够完整

Goal?

提供完整的前端开发体验

  1. 自动支持node_modules 通过babel的ast的分析转换自动的将require('immutable') => require('../vendor/immutable/dist/immutable') 自动目录拷贝

  2. 无缝支持babel(babel-preset-env + async/await)/typescript

  3. 支持async/await

  4. 自动编译

how ?

cd quick-start
wxpack
quick-start
 ❯ tree -L 3 -I node_modules
.
├── app.js
├── app.json
├── app.wxss
├── build
│   ├── app.js
│   ├── app.json
│   ├── app.wxss
│   ├── hello.jpg
│   ├── pages
│   │   ├── index
│   │   └── logs
│   ├── test.js
│   ├── utils
│   │   ├── index.js
│   │   └── util.js
│   └── vendor
│       ├── immutable
│       └── regenerator-runtime
├── hello.jpg
├── package.json
├── pages
│   ├── index
│   │   ├── index.js
│   │   ├── index.wxml
│   │   ├── index.wxss
│   │   └── test.js
│   └── logs
│       ├── logs.js
│       ├── logs.json
│       ├── logs.wxml
│       └── logs.wxss
├── test.ts
├── tsconfig.json
├── utils
│   ├── index.js
│   └── util.js
└── yarn.lock
 
12 directories, 25 files
 

Readme

Keywords

none

Package Sidebar

Install

npm i wxpack

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • hufeng