Storybook: Cara mengimpor jQuery ke namespace global (untuk UI Semantik)

Dibuat pada 22 Jul 2016 · 3Komentar · Sumber: storybookjs/storybook

Hai. Saya mencoba menggunakan UI Semantik dan saya memudarkan semua css darinya. Masalahnya adalah bahwa Semantic UI mengharapkan jQuery di namespace global. Saya mencoba mengikuti untuk mengimpornya, tetapi saya masih mendapatkan 'jQuery' tidak ditentukan.

//file: config.js

import jquery from 'jquery';

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

import './semanticui'

Adakah ide bagaimana ini bisa dicapai?

Sumber

tomitrescak

Komentar yang paling membantu

Terima kasih untuk ini @tomitrescak

Saya memutuskan untuk paket npm install semantic-ui-css --save-dev dan mengimpor file langsung darinya seperti itu

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

purplecones pada 25 Jul 2016

👍3

Semua 3 komentar

Oke, ini sepertinya berhasil, ketika saya memasukkan kode ini ke file .stories/index utama saya.

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

tomitrescak pada 22 Jul 2016

Terima kasih untuk ini @tomitrescak

Saya memutuskan untuk paket npm install semantic-ui-css --save-dev dan mengimpor file langsung darinya seperti itu

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

purplecones pada 25 Jul 2016

👍3

Saya mengalami masalah dalam mengintegrasikan jQueryUI , jadi inilah cara saya melakukannya. Ini menggunakan modul 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;