我正在尝试利用由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"并探索许多提供更"反应的"方法的库。