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

Question

我正在构建一个类似于 Intercom 实时聊天小部件（tawto、drift、crisp 等）的产品。基本上，它会做的是向用户网站添加一个小部件，然后呈现一个聊天框（简单来说）。我打算在整个项目中使用 VueJS。

这是我的想法。

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

这是我的担忧：

1. 我应该使用 CDN vue.min.js 还是使用已编译代码的 CLI 构建项目？ （我对 CLI 很满意）

2. 我需要将我的 CSS 库与用户网站隔离，这可能在 VueJS 中使用“范围”样式，对吗？

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

Answer 1

我之前使用过 vuejs 创建小部件，所以这是你的答案：

1. 您应该构建一个普通项目，导入 vue 并将其与您的所有代码一起编译到 1 个文件中。
2. 是的
3. 是的
4. 是的