Comment utiliser jQuery et jQuery-ui avec Parcel (bundler)?
j'ai installé jquery(3.2.1) et jquery-ui-dist(1.12.1) via npm. (ils ne sont pas inclus comme balises de script en html)
dans le script client j'utilise:
window.$ = require('jquery');// plain jQuery stuff works fine
import 'jquery-ui-dist'; // breaks whole jQuery, with Error (missing module 8)
1 réponses
j'ai rencontré des problèmes similaires aujourd'hui avec une application angularjs & paquet-bundler. Il semble que ce paquet ne fonctionne pas bien (pour l'instant?) variables globales introduites dans les modules externes. Parmi d'autres questions.
Une façon d'aller à ce sujet; vous pouvez utiliser de la plaine, exige plutôt des importations de la sorte:
var jquery = require("jquery");
window.$ = window.jQuery = jquery; // notice the definition of global variables here
require("jquery-ui-dist/jquery-ui.js");
$(function() {
$("#datepicker").datepicker();
});
si vous insistez pour utiliser imports, vous devez créer un fichier séparé, appelez-le par exemple import-jquery.js
avec le contenu suivant:
import jquery from "jquery";
export default (window.$ = window.jQuery = jquery);
et de l'importer votre fichier principal:
import "./import-jquery";
import "jquery-ui-dist/jquery-ui.js";
$(function() {
$("#datepicker").datepicker();
});
j'espère que nous aurons un meilleur soutien de la ce dans un avenir proche.