zoukankan      html  css  js  c++  java
  • 如何把原生小程序项目合并的mpvue项目中

    当时的情景是这样的:

    使用mpvue写微信小程序,写着写着项目写到一半了,突然间不想这样继续写了,想切换回原生小程序语法去写剩余部分。

    如下图,红色框里的功能是已经用mpvue完成的功能,绿色框部分的功能是需要原生小程序去完成

    image

    由于项目是先使用mpvue开始的,我们需要在mpvue项目下新建一个文件目录用来开始原生部分的工作,目录结构如下

    image

    nativeWX目录如下

    image

    当我们把原生部分功能写完之后,接下来就是合并整合代码,让他们能够在完整的跑起来的时候了

    1.把原生项目下的索引文件夹(pages、utils等)直接复制到pmvue编译后的dist目录下合并替换

         --注意不要有命名相同的组件文件夹
         //注意赋值方式 1. 除了pages下的文件其余的文件夹全部复制过去,

        //2.复制pages文件夹下需要的组件,注意不要和mpvue下的文件名冲突。

        //3.复制页面配置到src下的配置


    2.把原生项目下的app.json中页面配置项复制合并到mpvue项目的src文件夹下的app.json配置中。

        --因为mpvue项目下保存后后会自动把配置打包到dist下的配置里面


    3.从mpvue页面跳转到原生页面:看他们最终在dist中的相对目录。这里我们都是在dist下pages文件夹下因此
    ../xx/xx 或者../../pages/xx/xx都是可以的

    4.从原生页面跳转到mpvue项目登录页 请求接口失效是util工具请求函数里面统一设置 url: '../login/main' //

    最终整合的代码目录如下

    image

  • 相关阅读:
    字节跳动软开校招岗
    众安保险软开校招岗
    topjui中combobox使用
    easyui中datagrid+layout布局
    jquery/js记录点击事件,单击次数加一,双击清零
    java图片上传及图片回显1
    java格式化
    java中的String整理
    删除window10没用的服务
    修改mysql默认端口
  • 原文地址:https://www.cnblogs.com/ruoqiang/p/9474432.html
Copyright © 2011-2022 走看看