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

我正在构建一个类似对讲机实时聊天小部件（tawto、drift、crisp等）的产品。基本上，它将要做的是向用户的网站添加一个小部件，然后呈现一个聊天框（简单地说）。我计划在整个项目中使用VueJS

这就是我的想法

我们为用户提供了一个可嵌入的js代码段。它将使用id=“app”（或类似的东西）向主体添加一个div。然后，相同的脚本将注入VueJS编译代码。还将添加一些外部脚本，如socket io、一些CSS库等

以下是我关注的问题：

我应该使用CDN vue.min.js或带有编译代码的CLI构建项目吗？（我对CLI很满意）

我需要将我的CSS库与用户网站隔离，这可能与VueJS中的“作用域”样式有关，对吗

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

---

我以前曾使用vuejs创建小部件，因此以下是您的答案：

您应该构建一个普通项目，导入vue并将其与所有代码一起编译到一个文件中

对

对

对

---

我以前曾使用vuejs创建小部件，因此以下是您的答案：

您应该构建一个普通项目，导入vue并将其与所有代码一起编译到一个文件中

对

对

对

---

1.我们可以在网页上做，对吗？把所有的东西都编译成一个？是的。我的意思是只有一个js文件和一个CSS文件（它将创建更短的代码段）。使用

vue cli

，您应该删除所有

CommonChunkPlugin

1。我们可以在网页上做，对吗？把所有的东西都编译成一个？是的。我的意思是只有一个js文件和一个CSS文件（它将创建更短的代码段）。使用

vue cli

，您应该删除所有

CommonChunkPlugin