1.创建一个uni-app 的项目,把原有的mpvue项目手动迁移过来
2.用到mpvue特性的代码,需要修改成uni-app 兼容的,例如 mpvue-wxparse 可以修改成
3.src/app.json 改成 pages.json ,路径格式需要改,如下格式
{
"pages": [
"pages/index/main",
"pages/auth/main"
]
}
"pages": [{
"path": "pages/index/index",
"style": {}
},{
"path": "pages/auth/index",
"style": {}
}]
4.缓存操作的代码的mpvue改成uniapp
5.mian.js 中 import App from './App' 改成 import App from 'App'
6.配置小程序的appid
7.小程序 applyComplete/index代码中,编译会莫名出现 undefindundefindundefind···,手动删除即可不报错
个性项目转移流程
新建uni-app项目
替换pages 文件夹
复制components文件夹
复制 package.json文件,
运行 cnpm install 安装插件
删除pages里面的mian
manifest.json修改小程序APPID
manifest.json - 源码视图 "mp-weixin" 属性添加授权信息 "requiredBackgroundModes": ["audio", "location"]
pages.json 的 globalStyle 中添加 "navigationStyle":"custom", 全局隐藏顶部导航
image标签不能作为上级元素的class
运行测试