使用 create-react-app 时包含包括 CSS 在内的 jquery 库的正确方法是什么？答案

【问题标题】：What is the correct way to include jquery libraries including CSS when using create-react-app?使用 create-react-app 时包含包括 CSS 在内的 jquery 库的正确方法是什么？
【发布时间】：2017-05-05 14:35:51
【问题描述】：

我正在尝试在我的由 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 工具链的强大功能。但是怎么做呢？

【问题讨论】：

github.com/facebookincubator/create-react-app/blob/master/…

标签： jquery css npm webpack create-react-app

【解决方案1】：

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

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

【讨论】：

太好了，我不知道你可以使用 require 包含 css 文件。会试试看。

【解决方案2】：

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

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

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

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

【讨论】：