javascript - 如何在 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';