摘要：解決在文件中，多頁面配置默認(rèn)是單頁面效果，首先，真正運(yùn)行的是，通過作為入口文件文件，通過，將文件打包成進(jìn)行使用。多頁面的重點(diǎn)，就是將獨(dú)立頁面的文件，生成多個文件。的入口和出口配置參考文件，創(chuàng)建一個，作為的入口，用于生成頁面。

RN weex hippy taro

IMWeb Conf2018 前端大會: Weex內(nèi)核的原理和演進(jìn)方向:
https://www.codercto.com/a/32...
http://www.itdks.com/Course/d...

Weex 在餓了么前端的實(shí)踐
https://www.jianshu.com/p/e14...

以下針對于iOS，編譯和運(yùn)行時報錯處理：

添加特定平臺的項(xiàng)目
weex platform add ios

安裝cocopods
$ sudo gem install cocoapods

終端cd到ios項(xiàng)目，運(yùn)行pod install 或者pod update

安裝好后在執(zhí)行
$ weex run ios

錯誤：

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

Vue packages version mismatch:

- [email protected] (/Users/admin/.wx/modules/node_modules/[email protected]@vue/dist/vue.runtime.common.js)
- [email protected] (/Users/admin/.wx/modules/node_modules/[email protected]@vue-template-compiler/package.json)

解決：

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

運(yùn)行 weex debug 命令啟動調(diào)試控制臺,必須使用chrome 瀏覽器調(diào)試

運(yùn)行npm run dev，出現(xiàn)eslint報錯。
解決：在config.js文件中，useEslint: false,

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

Weex默認(rèn)是單頁面效果，首先，Weex真正運(yùn)行的是，通過entry.js作為入口文件文件，通過webpack，將.vue文件打包成index.js進(jìn)行使用。多頁面的重點(diǎn)，就是將獨(dú)立頁面的.vue文件，生成多個js文件。
weexConfig的入口和出口配置（iOS/Android）:

參考entry.js文件，創(chuàng)建一個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()函數(shù)

    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文件下創(chuàng)建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無法嵌套，難以實(shí)現(xiàn)長文當(dāng)中樣式的混合。
沒有Cookies.只能用storage來完成對應(yīng)信息的存儲。

擴(kuò)展：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 端的預(yù)覽

npm run dev :實(shí)時的壓縮編譯

$ weex compile [資源文件] [產(chǎn)物地址] :編譯

$ weex preview [file | folder] :編譯及預(yù)覽

$ weex debug :調(diào)試

weex開發(fā)小記：https://blog.csdn.net/mht1829...

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

使用 Devtools調(diào)試 Weex頁面 https://www.cnblogs.com/hehey...