mpvue 转uni-app 操作记录

511 阅读1分钟

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

运行测试