0

我正在尝试在由 create-react-app 创建的 React 应用程序中使用一个名为 select2 的 jquery 库。

我已将 jquery 和 select2 添加到我的 package.json 中,我可以使 javascript 工作。

但是,样式不起作用,因为选择 2 的 css 文件未正确包含。

我可以在我的项目中看到以下文件:

node_modules/select2/dist/css/select2.min.css

当然,我可以将文件复制到 public/css 并将其添加到我的 index.html:

<link href="css/select2.min.css" rel="stylesheet">

我确信有更好的方法利用 webpack 和 create-react-app 工具链的强大功能。但是怎么做?

4

2 回答 2

1

我经常只需要我的应用程序索引中的 css。

index.js: require('node_modules/select2/dist/css/select2.min.css')

于 2016-12-20T11:44:25.780 回答
0

我认为更好的方法是将 CSS“导入”到引用您的 jquery 库的 .js 文件中:

import 'select2/dist/css/select2.min.css';

这样,CSS 将包含在生成的 bundle.js 文件中,并且您已将此依赖项“本地化”为需要它的代码。

在相关的说明中:您可能希望谷歌“react select”并探索许多提供更多“React-ish”实现小部件的方式的库。

于 2017-02-05T16:26:51.580 回答