在另一个文件中添加JS src

Question

我的.js中加载了index.html个文件，格式如下：

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

是否有创建HTML文件的选项，我将获取所有JS和CSS文件，然后在我的index.html中包含此HTML文件？

Answer 1

要加载HTML文件，请在rel属性中添加带导入的链接标记，并在href中添加包含HTML文件路径的href。例如，如果要将名为myImports.html的HTML文件加载到index.html：

的index.html

<link rel="import" href="myImports.html" >

您可以将任何资源（包括脚本，样式表和Web字体）加载到导入的HTML中，就像您对常规HTML文件一样：

myImports.html

<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>

而不需要doctype，html，head，body。 HTML Imports将立即加载导入的文档，解析子资源并执行JavaScript（如果有的话）。

Answer 2

而不是在包含所有js和css文件的html文件上。更实用的解决方案是将所有javascript / CSS文件合并到一个文件中。然后将该文件包含在您的html中。它们是可用的工具，可以帮助您自动实现这一目标，例如Gulp，YEOMAN等。