如何在React.js中导入和使用min.js和min.css？

Question

我只是将html模板转换为React.js组件。

在html模板中，我有这些参考链接。

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
...
<script src="js/bootstrap.min.js"></script>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="js/jquery.lwtCountdown-1.0.js"></script>
...

我想在特定组件中导入和使用这些脚本和CSS文件。

有人对此有经验吗？

提前感谢。

Answer 1

使用npm命令将Bootstrap安装为节点模块。

npm i bootstrap -S

它将向您的package.json添加引导程序依赖性

现在，通过将此行添加到应用程序的入口点index.js或app.js来导入Bootstrap的JavaScript

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

import 'bootstrap/dist/js/bootstrap.min.js';