Storybook: Как импортировать jQuery в глобальное пространство имен (для семантического пользовательского интерфейса)

Созданный на 22 июл. 2016 · 3Комментарии · Источник: storybookjs/storybook

Привет. Я пытаюсь использовать семантический интерфейс, и я убираю из него все css. Проблема в том, что Semantic UI ожидает jQuery в глобальном пространстве имен. Я попытался импортировать его, но по-прежнему получаю, что «jQuery» не определен.

//file: config.js

import jquery from 'jquery';

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

import './semanticui'

Есть идеи, как этого добиться?

Источник

tomitrescak

Самый полезный комментарий

Спасибо за это @tomitrescak

Я решил npm install semantic-ui-css --save-dev пакет и импортировать файлы прямо из него вот так

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

purplecones 25 июл. 2016

👍3

Все 3 Комментарий

Хорошо, похоже, это сработало, когда я поместил этот код в свой основной файл .stories/index .

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

tomitrescak 22 июл. 2016

Спасибо за это @tomitrescak

Я решил npm install semantic-ui-css --save-dev пакет и импортировать файлы прямо из него вот так

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

purplecones 25 июл. 2016

👍3

У меня были проблемы с интеграцией jQueryUI , вот как я это сделал. Он использует модуль 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;