Storybook: वैश्विक नामस्थान में jQuery कैसे आयात करें (अर्थात UI के लिए)

को निर्मित 22 जुल॰ 2016 · 3टिप्पणियाँ · स्रोत: storybookjs/storybook

नमस्ते। मैं सिमेंटिक यूआई का उपयोग करने की कोशिश कर रहा हूं और मैं इससे सभी सीएसएस को लुप्त कर रहा हूं। समस्या यह है कि सिमेंटिक यूआई वैश्विक नामस्थान में 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

// 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;