小程序项目搭建终结
- 小程序开发框架选择比较和实践:https://www.jianshu.com/p/dfb8c00d1057
- 项目架构:mpvue(框架)+iview-weapp(组件)+fly.js(发送请求)+less(预处理)+vuex(状态管理)+webpack(模块打包)
一、Node安装mpvue:
二、Iview-weapp UI库的引入:
先去github(https://github.com/TalkingData/iview-weapp)下载库,将dist文件复制到static文件夹下,
全局引入 组件的话在app.json里添加组件对象:
局部引入:在局部文件夹下创建main.json,将组件对象复制到里边
三、Less的引用:
安装less依赖:npm install less less-loader --save
修改webpack.base.conf.js 中的 module -> rules,
在数组里添加{test: /\.less$/,loader: "style-loader!css-loader!less-loader"}
四、flyio的引入及封装
Utils-->http.js,和之前vue axios封装类似,在此基础上做了修改
五、微信分包配置(微信小程序压缩后限制只能加载2M以内的文件)
参考资料:https://blog.****.net/P6P7qsW6ua47A2Sb/article/details/78892427
然后在