Storybook: Cómo importar jQuery en el espacio de nombres global (para la interfaz de usuario semántica)

Creado en 22 jul. 2016 · 3Comentarios · Fuente: storybookjs/storybook

Hola. Estoy tratando de usar la interfaz de usuario semántica y estoy desvaneciendo todo el CSS. El problema es que Semantic UI espera jQuery en el espacio de nombres global. Intenté seguir para importarlo, pero todavía obtengo que 'jQuery' no está definido.

//file: config.js

import jquery from 'jquery';

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

import './semanticui'

¿Alguna idea de cómo se puede lograr esto?

Fuente

tomitrescak

Comentario más útil

Gracias por esto @tomitrescak

Decidí npm install semantic-ui-css --save-dev paquete e importar los archivos directamente desde él como tal

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

purplecones en 25 jul. 2016

👍3

Todos 3 comentarios

Ok, esto pareció hacer un truco, cuando puse este código en mi archivo principal .stories/index .

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

tomitrescak en 22 jul. 2016

Gracias por esto @tomitrescak

Decidí npm install semantic-ui-css --save-dev paquete e importar los archivos directamente desde él como tal

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

purplecones en 25 jul. 2016

👍3

Tuve problemas para integrar jQueryUI , así que así es como lo hice. Utiliza el módulo 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;