Question

我当前正在创建一个示例react项目，并且我有要使用的HTML模板。

我想知道在开发响应应用程序以在公用文件夹的索引文件中使用/包括外部CSS文件和自定义JS脚本时，是否还可以，或者是一种不良做法。

我下载了所有文件，并将其放入公用文件夹中，并创建了一个名为assets的文件夹。文件夹看起来像这样

public
  | - assets
     | - Custom Css
     | - Custom JS
  | - index.html
  | - manifest.json

我将所有文件都包含在index.html内；

对于CSS：

<link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/assets/css/paper-dashboard.css" rel="stylesheet" />

对于JS：

<script src="/assets/js/core/jquery.min.js"></script>
<script src="/assets/js/core/popper.min.js"></script>
<script src="/assets/js/core/bootstrap.min.js"></script>
<script src="/assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<script src="/assets/js/paper-dashboard.min.js" type="text/javascript"> </script>

我可以继续这样做吗？这是不好的做法吗？如果可以，如何在反应中使用HTML模板？

对于新手问题很抱歉，谢谢您的答复。

Answer 1

欢迎堆栈溢出！与您可能想到的相反，在另一位置使用单独的样式表和脚本实际上是一种好习惯。

例如，如果您的文件没有组织到单独的文件和文件夹中，它会使代码的维护变得更加困难；您需要知道每个组件的存储位置，以便轻松找到需要编辑的内容以及在何处进行编辑。

在React中使用外部CSS和自定义js脚本是一种不好的做法

1 个答案: