小程序项目搭建终结

1. 小程序开发框架选择比较和实践：https://www.jianshu.com/p/dfb8c00d1057
2. 项目架构：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.youkuaiyun.com/P6P7qsW6ua47A2Sb/article/details/78892427

然后在