我想知道如何将多个CSS / JS请求转换为单个HTML请求。我将不胜感激任何帮助。谢谢！
来自
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/m/1465294353/skin/frontend/rwd/eatfresh/css/styles.css">
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/frontend/rwd/eatfresh/css/madisonisland.css">
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/frontend/rwd/eatfresh/css/bootstrap.min.css">
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/frontend/rwd/eatfresh/css/eatfresh.css">
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/frontend/rwd/eatfresh/css/image-hover.css">
<link type="text/css" media="all" rel="stylesheet" href="//eatfresh.com/skin/frontend/rwd/eatfresh/css/font-awesome.min.css">
到
<link type="text/css" rel="stylesheet" href="//eatfresh.com/skin/m/1465294353/skin/frontend/rwd/eatfresh/css/styles.css,/skin/frontend/rwd/eatfresh/css/madisonisland.css,/skin/frontend/rwd/eatfresh/css/bootstrap.min.css,/skin/frontend/rwd/eatfresh/css/eatfresh.css,/skin/frontend/rwd/eatfresh/css/image-hover.css,/skin/frontend/rwd/eatfresh/css/font-awesome.min.css" media="all" />
答案 0 :(得分：0)
这需要在服务器端完成，称为连接。您需要使用gulp或grunt之类的任务运行器（我更喜欢前者）。
你不能将css和javascript合并到一个文件中，你只能将所有的css文件放到一个css文件中，javascript也是如此。但是，您可以使用uglify，css autoprefixing，image minification，javascript linting以及其他更多内容来完成缩小工作。
有关gulp和任务运行者的初学者指南，请参阅此blog post。
我说你“需要”使用任务跑步者，这是错误的。你不需要使用 。我提到的这些任务可以手动完成，但任务运行器允许您按顺序并使用一个命令运行它们。它使前端开发更多更容易。