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)
9
demandé sur okram 2017-12-25 15:16:35

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.

12
répondu dark-marouane 2017-12-27 00:30:26