weex初探

摘要：解决在文件中，多页面配置默认是单页面效果，首先，真正运行的是，通过作为入口文件文件，通过，将文件打包成进行使用。多页面的重点，就是将独立页面的文件，生成多个文件。的入口和出口配置参考文件，创建一个，作为的入口，用于生成页面。

RN weex hippy taro

IMWeb Conf2018 前端大会: Weex内核的原理和演进方向:
https://www.codercto.com/a/32...
http://www.itdks.com/Course/d...

Weex 在饿了么前端的实践
https://www.jianshu.com/p/e14...

以下针对于iOS，编译和运行时报错处理：

添加特定平台的项目
weex platform add ios

安装cocopods
$ sudo gem install cocoapods

终端cd到ios项目，运行pod install 或者pod update

安装好后在执行
$ weex run ios

错误：

./src/index.vue
Module build failed: Error: 

Vue packages version mismatch:

- vue@2.5.21 (/Users/admin/.wx/modules/node_modules/_vue@2.5.21@vue/dist/vue.runtime.common.js)
- vue-template-compiler@2.6.10 (/Users/admin/.wx/modules/node_modules/_vue-template-compiler@2.6.10@vue-template-compiler/package.json)

解决：

$ weex repair @weex-cli/core@latest
$ weex update @weex-cli/doctor
$ weex doctor

运行 weex debug 命令启动调试控制台,必须使用chrome 浏览器调试

运行npm run dev，出现eslint报错。
解决：在config.js文件中，useEslint: false,

https://blog.csdn.net/u012182...

Weex默认是单页面效果，首先，Weex真正运行的是，通过entry.js作为入口文件文件，通过webpack，将.vue文件打包成index.js进行使用。多页面的重点，就是将独立页面的.vue文件，生成多个js文件。
weexConfig的入口和出口配置（iOS/Android）:

参考entry.js文件，创建一个listeEntry.js，作为liste.vue的入口，用于webpack生成list.js页面。

const { router } = require("./router")
   const List = require("@/list.vue")
   
   /* eslint-disable no-new */
   new Vue(Vue.util.extend({el: "#root", router}, List))
   
   router.push("/")

修改webpack.common.conf.js文件

const weexEntry = {

 "index": helper.root("entry.js"),
 "list": helper.root("listEntry.js"),
}

webConfig的入口和出口配置（web）

1.在configs/webpack.common.conf.js下修改getEntryFile()函数

    const getEntryFile = () => {
    
      const entryFile = path.join(vueWebTemp, config.entryFilePath)
      const routerFile = path.join(vueWebTemp, config.routerFilePath)
      fs.outputFileSync(entryFile, getEntryFileContent(helper.root(config.entryFilePath), routerFile));
      fs.outputFileSync(routerFile, getRouterFileContent(helper.root(config.routerFilePath)));
    
      const listFilePath = "listEntry.js"
      const listFile = path.join(vueWebTemp, listFilePath)
      fs.outputFileSync(listFile, getEntryFileContent(helper.root(listFilePath), routerFile));
     
      return {
        index: entryFile,
        list: listFile,
      }
    }

2.在.temp文件下创建listEntry.js的webConfig入口文件。

        const { router } = require("./router")
        const List = require("@/list.vue")
        
        /* eslint-disable no-new */
        new Vue(Vue.util.extend({el: "#root", router}, List))
        
        router.push("/")

Weex仅有Flexbox布局，text无法嵌套，难以实现长文当中样式的混合。
没有Cookies.只能用storage来完成对应信息的存储。

扩展：https://weex.apache.org/zh/gu...

const vvModule = weex.requireModule("VVWeexModule");    

vvModule.setGlobalCallback( res => {
    this.info = res;
    console.log(JSON.stringify(res));
        
})；
vvModule.logInNative("aaa");

Weex Toolkit：https://weex.apache.org/zh/to...

npm run server:web 端的预览

npm run dev :实时的压缩编译

$ weex compile [资源文件] [产物地址] :编译

$ weex preview [file | folder] :编译及预览

$ weex debug :调试

weex开发小记：https://blog.csdn.net/mht1829...

https://www.jianshu.com/p/ae1...

使用 Devtools调试 Weex页面 https://www.cnblogs.com/hehey...