如何将 HTML、CSS 和 JS 放在一个文件中答案

【问题标题】：How to put HTML, CSS and JS in one single file如何将 HTML、CSS 和 JS 放在一个文件中
【发布时间】：2017-11-19 21:00:12
【问题描述】：

所以我为客户的网站创建了一个登录页面。他们显然无法上传包含 JS 文件的文件夹，因此他们需要将所有 JS 和 CSS 放在同一个文件中。

我开始（在正文部分之前）将所有的 CSS 放入其中，并将 JS 放入中，但是 JS 中的所有动画都不起作用。

有什么方法/建议可以将它们组合在一起吗？

谢谢！

Ps：如果需要，我可以提供更多信息！

【问题讨论】：

动画是用jquery做的吗？您是否在本地导入任何 JS 库？
如果不分享您的代码，您希望我们如何告诉您出了什么问题？？？？
欢迎来到 SO！ “如果需要，我可以提供更多信息”：看起来是需要的。请确保在您的问题中提供MCVE。
添加你的JS代码
我怀疑他们无法将文件夹上传到他们的主机。我会花时间浪费您将所有内容填充到单个文件中尝试上传正确的内容结构

标签： javascript jquery html css

【解决方案1】：

您只需要在头部添加一个样式部分和一个脚本部分

<html>
<head>
    <style type="text/css">

        /* CSS goes here */

    </style>
    <script type="text/javascript">

        /* Javascript goes here */

    </script>
</head>
<body>
</body>
</html>

【讨论】：

如果有这样的 Webpack 插件会很有趣。
@Polv 你有这方面的更多信息吗？

【解决方案2】：

您不能将所有文件扩展名保存到一个文件中。 Css 是 .css，Javascript 是 .js。
但您可以将所有这些文件链接到您的 html 中

   <link rel="stylesheet" type="text/css" href="yourcssfile.css">

对于 javascript

  <script src="yourjsfile.js"></script>

【讨论】：