2017-09-24 2 views
-2

Je construis un produit similaire au widget de discussion en direct Intercom (tawto, drift, crisp etc.). Fondamentalement, ce qu'il va faire est d'ajouter un widget au site Web des utilisateurs, puis de rendre une boîte de dialogue (en mots simples). Je prévois d'utiliser VueJS pour l'ensemble du projet.Utilisation de VueJS pour créer un widget de discussion intégrable pour les sites Web

Voici donc mes pensées.

Nous fournissons aux utilisateurs un extrait js embarquable. Qu'est-ce qu'il va faire est d'ajouter un div au corps avec id = "app" (ou quelque chose comme ça). Ensuite, le même script injectera du code compilé de VueJS. Également ajouter des scripts externes comme socket io, certaines bibliothèques CSS etc.

Voici mes préoccupations:

1) Dois-je construire le projet à l'aide vue.min.js CDN ou CLI avec les codes compilés? (Je suis à l'aise avec CLI)

2) J'ai besoin d'isoler mes bibliothèques CSS du site Web des utilisateurs, cela possible avec le style "scoped" dans VueJS non?

3) Si j'utilise la version CLI, cela fonctionnera-t-il dans un sous-domaine, des pages internes et des liens? Contrairement à un site web complet, je vais utiliser VueJS pour créer un widget sur le site Web

3) Si j'utilise la version CLI, cela fonctionnera-t-il dans un sous-domaine, des pages internes et des liens? Contrairement à un site Web complet, je vais utiliser VueJS pour créer un widget sur le site

Répondre

2

J'ai utilisé vuejs pour créer un widget avant si cela est votre réponse:

  1. Vous devez construire un projet normale, Importer la vue et la compiler avec tout votre code pour 1 fichier.
  2. Oui
  3. Oui
  4. Oui
+1

1. Nous pouvons le faire en droit webpack? compiler tout à un? –

+0

Oui. Ce que je veux dire est juste 1 fichier js et 1 fichier CSS (il va créer un extrait plus court). Avec 'vue-cli', vous devez supprimer tous les' CommonsChunkPlugin' – imcvampire