8
votes

Modèle d'importation à partir de fichier HTML séparé en polymère 3

au lieu de renvoyer "contenu html"; J'ai un fichier HTML distinct et je souhaite l'importer dans mon fichier JS pour renvoyer le contenu de celui-ci mais importation de '/ m -chip.html "; ne fonctionne pas.

élément.js xxx

m-puce.html xxx

Comment puis-je atteindre cela sans jQuery et js uni?


0 commentaires

3 Réponses :


3
votes

Bien importer des fichiers HTML n'est pas quelque chose que JavaScript comprendra pour le moment. Cependant, vous pouvez créer votre projet avec WebPack et ajouter HTML-loader https://github.com/webpack -Contribe / html-loader qui spécifie comment traiter votre importation HTML à l'intérieur JavaScript.


0 commentaires

2
votes

En réalité pour HTML où vous n'avez pas besoin du réglage de référence, j'exporterai le code HTML en tant que chaîne via le module JS à l'aide de la valeur par défaut: xxx pré>

et dans l'élément polymère que j'importe le Module ES6 EG: P>

import template from '../templates/template.js'
...
static get template() {
  return template;
}


0 commentaires

0
votes

ESSAYEZ

static get template() { 
    return html([template]);
}


2 commentaires

Cela ne semble pas que cela fonctionne de manière native sans l'utilisation de bibliothèques supplémentaires. Chrome jette une erreur de type MIME.


Vous avez certainement besoin d'un transpilateur comme la page Web pour pouvoir retirer cela.