使用VueJS为网站创建可嵌入的聊天小部件

问题描述:

我正在构建类似于对讲机实时聊天小部件(tawto,漂移,清脆等)的产品。基本上,它会做的是向用户网站添加一个小部件,然后渲染一个聊天框(用简单的话来说)。我计划在整个项目中使用VueJS。使用VueJS为网站创建可嵌入的聊天小部件

所以这里是我的想法。

我们为用户提供了一个可嵌入的js代码片段。它会做的是添加一个div到身体id =“app”(或类似的东西)。然后相同的脚本将注入VueJS编译代码。也将增加一些外部脚本像插座IO,一些CSS库等

这里是我的顾虑:

1)我应该建立使用CDN vue.min.js或编译代码CLI项目? (我对CLI很舒服)

2)我需要将我的CSS库与用户网站隔离开来,VueJS中的scoped风格可能是正确的吗?

3)如果我使用CLI版本,它会在子域,内部页面和链接中工作吗?与完整网站不同,我将使用VueJS在网站上创建一个小部件

3)如果我使用CLI版本,它是否可以在子域,内部页面和链接中工作?不像一个完整的网站,我将使用VueJS到网站

上创建一个widget我用vuejs创建插件之前,所以这是你的答案:

  1. 你应该建立一个正常的项目,导入vue并将其与所有代码一起编译为1个文件。
+1

1.我们能够做到在正确的WebPack?编译一切到一个? –

+0

是的。我的意思是只有1个js文件和1个CSS文件(它会创建更短的代码段)。用'vue-cli',你应该删除所有'CommonsChunkPlugin' – imcvampire