Storybook: Como importar jQuery para um namespace global (para Semantic UI)

Criado em 22 jul. 2016 · 3Comentários · Fonte: storybookjs/storybook

Oi. Estou tentando usar a IU semântica e estou apagando todo o css dela. O problema é que a Semantic UI espera jQuery no namespace global. Tentei seguir para importá-lo, mas ainda recebo 'jQuery' não está definido.

//file: config.js

import jquery from 'jquery';

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

import './semanticui'

Alguma ideia de como isso pode ser alcançado?

Fonte

tomitrescak

Comentários muito úteis

Obrigado por este @tomitrescak

Decidi npm install semantic-ui-css --save-dev pacote e importar os arquivos diretamente dele assim

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

purplecones em 25 jul. 2016

👍3

Todos 3 comentários

Ok, isso pareceu funcionar quando coloquei este código em meu arquivo .stories/index .

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

tomitrescak em 22 jul. 2016

Obrigado por este @tomitrescak

Decidi npm install semantic-ui-css --save-dev pacote e importar os arquivos diretamente dele assim

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

purplecones em 25 jul. 2016

👍3

Tive problemas para integrar o jQueryUI , então aqui está como fiz isso. Ele usa o 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;