我正在尝试在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工具链的强大功能。但是如何?
答案 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”实现窗口小部件的方法的许多库。