使用create-react-app时包含jquery库(包括CSS)的正确方法是什么?

时间:2016-12-20 11:27:36

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

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

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

但是,样式不起作用,因为未正确包含select 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工具链的强大功能。但是如何?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

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

在相关的说明中:您可能希望Google“反应选择”并探索提供更多“React-ish”实现窗口小部件的方法的许多库。