Storybook: 如何将 jQuery 导入全局命名空间（用于语义 UI）

创建于 2016-07-22 · 3评论 · 资料来源: storybookjs/storybook

你好。我正在尝试使用 Semantic UI 并且我正在从中淡出所有 css。问题是语义 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 于 2016-07-25

👍3

所有3条评论

好的，当我将此代码放入主.stories/index文件时，这似乎起到了一定的作用。

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

tomitrescak 于 2016-07-22

感谢这个@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 于 2016-07-25

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

darekkay 于 2020-02-07

此页面是否有帮助？

0 / 5 - 0 等级

Storybook: 如何将 jQuery 导入全局命名空间（用于语义 UI）

最有用的评论

所有3条评论

相关问题