Vue-cli整合环信WebIM

beyond • 发表于2017-10-12 17:55:16 • 50012次阅读

　　由于准备做一个社交性的网站，(暂时不考虑app)，前端使用的vuejs+vux，使用vue-cli安装，发现环信有提供react的整合，并没有vuejs版本的，只好自己来动手，由于是第一次用vuejs开发，硬着头皮来，各种import 都是不行，strophe这个js是个自执行的闭包函数，网上各种搜也没有找到方法，也尝试过直接在index.html引入并执行，但是打包的时候会报错，摸索了一个星期(主要是生手加上头脑简单)，今天找到了不报XXX未定义之类的，打包也正常。可能有朋友用得到，提供一个思路，我暂时只想到了这样，希望有比我简单快捷的方法

　　1. 官方的 npm install easemob-websdk --save

　　2. npm install strophe.js (这里注意加上.js)

　　3.找到node_modules/easemob-websdk/src/connection.js

　　在里面引入strophe.js，我是在第二行假的

　　var Strophe = require('../../strophe.js').Strophe;