小程序项目搭建终结

  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.****.net/P6P7qsW6ua47A2Sb/article/details/78892427

然后