Javascript 将JS和CSS组合到一个文件中

我有一个sample.min.js和sample.min.css文件。我只想要一个包含所有js和CSS内容的sample.min.js文件。我正在使用grunt，我不确定是否有插件可以做到这一点

---

任何帮助或建议都会很好。

我建议不要这样做。虽然您可以将CSS转换为javascript等价物，但它比本机CSS慢得多

你必须有两个文件，这一点是可以接受的，但是只要你将所有的CSS合并到一个文件中，将所有的JS合并到另一个文件中，那么在进行负载优化时，你仍然在做正确的事情

---

此外，将这两个文件合并为一个文件实际上会损害性能。这是因为浏览器一次可以同时下载多个文件。但是，如果您将它们合并到一个文件中，浏览器就不可能利用它。

您可以创建一个HTML文件，将所有JS放在

标记中，将所有CSS放在

标记中。但这将是一个极其愚蠢的想法，并将使可读性几乎不可能。

坏主意，这是两种不同的语言，分别命名。一个通过

，另一个通过

。如果您想减少http请求，可以将css直接放到

块中的页面上，为什么要这样做？两个文件已经相当不错了。哈哈，也许在js文件中将css作为字符串，然后动态创建一个元素？@DmitryNarkevich有趣的想法。但我仍然认为这是一种不好的做法。你可以在开发文件中将css和js组合在一起，然后使用grunt将它们编译成浏览器可以读取的单独的.css和.js文件——例如，vue组件可以这样做——但你不能合理地用另一种方式来做。