Storybook: Comment importer jQuery dans l'espace de noms global (pour l'interface utilisateur sémantique)

Créé le 22 juil. 2016 · 3Commentaires · Source: storybookjs/storybook

Salut. J'essaie d'utiliser l'interface utilisateur sémantique et je supprime tous les css. Le problème est que l'interface utilisateur sémantique attend jQuery dans l'espace de noms global. J'ai essayé de suivre pour l'importer, mais j'obtiens toujours que 'jQuery' n'est pas défini.

//file: config.js

import jquery from 'jquery';

global.$ = jquery;
global.jQuery = jquery;

import './semanticui'

Une idée de comment cela peut-il être réalisé ?

Source

tomitrescak

Commentaire le plus utile

Merci pour ce @tomitrescak

J'ai décidé de npm install semantic-ui-css --save-dev package et d'importer les fichiers directement à partir de celui-ci comme ceci

// config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery =  jquery;
require('semantic-ui-css/semantic.css');
require('semantic-ui-css/semantic.js');

purplecones le 25 juil. 2016

👍3

Tous les 3 commentaires

Ok, cela a semblé faire un tour, quand j'ai mis ce code dans mon fichier principal .stories/index .

import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
require('./semanticui');

tomitrescak le 22 juil. 2016

Merci pour ce @tomitrescak

J'ai décidé de npm install semantic-ui-css --save-dev package et d'importer les fichiers directement à partir de celui-ci comme ceci

// config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery =  jquery;
require('semantic-ui-css/semantic.css');
require('semantic-ui-css/semantic.js');

purplecones le 25 juil. 2016

👍3

J'ai eu des problèmes pour intégrer jQueryUI , alors voici comment je l'ai fait. Il utilise le module jquery-ui .

// config.js
import jquery from "jquery";
import jQueryAutocomplete from "jquery-ui/ui/widgets/autocomplete";
import jQueryDatepicker from "jquery-ui/ui/widgets/datepicker";

jquery.autocomplete = jQueryAutocomplete;
jquery.datepicker = jQueryDatepicker;
global.$ = jquery;
global.jQuery =  jquery;