wxpacker
构建一个好用的小程序的打包工具,小程序界的webpack
why ?
微信小程序火了之后,对于小程序的开发需要就提上了日程,
小程序本身提供的开发方式很简约,但是还有很多地方不符合现代前端的开发方式
- 不支持node_modules
- 不支持模块的绝对路径
- 不完整的支持es6 或者 更想用typescript
- Callback回调方式如果逻辑重太难维护代码,更期待promise/async/await的解决方案
- 组件的支持不够完整
Goal?
提供完整的前端开发体验
-
自动支持node_modules 通过babel的ast的分析转换自动的将require('immutable') => require('../vendor/immutable/dist/immutable') 自动目录拷贝
-
无缝支持babel(babel-preset-env + async/await)/typescript
-
支持async/await
-
自动编译
how ?
cd quick-startwxpack
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