使用 webpack, babel, 开发的微信小程序项目脚手架,集成了dva-core,
- 支持引用
node_modules模块 - 支持通过配置
alias来避免../../../之类的模块引用 - 通过
babel支持更丰富的ES6兼容，包括async/await - 内置
promise和lodash（lodash按需引入相应模块，不会全部引入） - 使用
scss编写.wxss文件 - 提供
__DEV__和process.env.NODE_ENV全局常量辅助开发 - 支持在
production环境下压缩代码 - 引入dva-core，可在小程序环境下欢乐的使用redux
确保安装了 Node.js (>= v4.2)
git clone此项目- 通过命令行工具
cd到这个目录，执行npm install安装依赖模块 - 执行
npm start开始开发(webpack会自动监控src内代码变化并实时编译至build目录)。 - 通过微信开发者工具，添加
build目录到项目上进行预览。 - 开发完成后，执行
npm run build进行编译，打开微信开发者工具，添加dist目录到项目上进行上传。
- loader 无法支持
app.json上的tabBar.list.iconPath和tabBar.list.selectedIconPath文件，因此索性使用webpack-copy-plugin直接拷贝整个images目录到输出目录，图片请全部存放至/src/images目录。 - 不要使用全局的getApp(),wx等方法及变量。微信的全局方法和变量已经封装至/src/utils/wx.js。
import wx from 'utils/wx.js';
...
//替代getApp();
const app = wx.app;
...
//微信的所有异步api已经封装成promise返回，请不要再使用微信api中的同步阻塞方法
wx.request({}).then(res => {}).catch(err => {});
- app.js中已经初始化了dva app，所有的model请存放至src/models目录中。
// src/models/models.js
import app from './app.js';
import index from './index.js';
export default [
app,
index
];
...//src/app.js
import models from './models/models.js';
//创建app
const dvapp = core.create({
initialReducer: {}
},{
setupMiddlewares(middlewares) {
return [
...middlewares,
createLogger({
timestamp: true,
}),
];
}
});
//加载model
models.forEach(model => {
dvapp.model(model);
});
//启动app
dvapp.start();
console.log('dva init success');
//初始化App()
const config = {
...dvapp,
onLaunch() {
dvapp._store.dispatch({ type: 'app/getSysInfo' });
},
};
App(config);MIT