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

Question

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

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

Answer 1

我会反对这一点。虽然您可以将CSS转换为等效的javascript，但它会比原生CSS慢得多。

事实上你必须有2个文件，但是只要你将所有的CSS组合成一个文件并将所有的JS组合到另一个文件中，当它到来时你仍然做正确的事情加载优化。

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

Answer 2

您可以创建一个HTML文件，并将所有JS放在<script>标记中，并将所有CSS放在<style>标记中。但这将是一个非常愚蠢的想法，会使可读性几乎不可能。