在使用Create-React-App时,包括CSS在内的jQuery库的正确方法是什么?



我正在尝试利用由Create-react-app创建的React应用中的select2 select2的jQuery库。

我已将jQuery和select2添加到我的软件包中。

但是,由于选择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工具链有更好的方法。但是如何?

我通常只需要我应用索引中的CSS。

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

我认为更好的方法是将CSS"导入" .js文件,该文件引用了您的jQuery库:

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

这样,CSS将包含在生成的bundle.js文件中,并且您对需要它的代码具有"本地化"。

相关说明:您可能希望向Google" React Select"并探索许多提供更"反应的"方法的库。

最新更新