javascript - 如何在不使用 CDN 的情况下自动安装 web Assets ,如 bootstrap、jquery 和 font-awesome?

标签 javascript jquery css twitter-bootstrap npm

我想知道安装 jquery/bootstrap/font-awesome 是否可以自动完成,而不是通过 npm 安装然后手动将代码拖到我的 css/js/fonts 文件夹? 没有程序可以更新并自动将它们拖到正确的文件夹中吗?

我知道人们说您可以手动将 javascript 文件拖到正确的位置,但例如 bootstrap 包含多个 javascript 文件。它包括字体和 css 文件。
如果我以这种方式包括它们:

\网络
-\CSS
--\应用程序
---\main.css
--\ Font Awesome
---\font-awesome.min.css
-\字体

那它就不行了,因为 font-awesome 期望它的字体在一个文件夹旁边。

最佳答案

JQuery、Bootstrap 和 Fontawesome 不是您在网页中安装的软件或应用程序。它们只是 CSS 和 Javascript 文件。所以这些就像您可能为网页从头开始编写的任何其他 javascript 或 CSS 文件一样。除了它们维护良好、高度优化并为特定应用程序而设计之外。 (与 Bootstrap 一样,主要目的是提供一个使网页响应的框架。)

要将它们包含到网页中,您所要做的就是告诉 HTML 文件使用这些文件。这是通过使用 <script> 将它们链接到 HTML 来完成的。标签及其 src * 属性。 (*W3schools 链接。呵呵)。

现在 src属性,您可以提供指向包含该文件的 Web 位置的 URL,或者您可以提供指向包含该文件的服务器或本地计算机中的位置的相对本地路径。是的,您可以手动将文件拖到 css/js 文件夹中,然后只包含使用该路径的文件。不,我不知道有任何软件可以使该过程自动化。但是您只需要将文件放在一个位置,整个网页及其子页面就可以访问它。所以这不是一个非常密集的过程。

至于为什么 CDN 托管此类文件供公众访问,这里给出了一个见解:How cloudfare provides free service .和安全性,好吧,他们非常安全,他们的工作实际上是提供对他们托管的文件的安全访问。为什么人们首先使用 CDN 是因为 this (简而言之)。

更新: 至于如何在 HTML 中包含文件,它是这样的(Bootstrap 示例):

<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script>

您需要提供所需 CSS 和 JS 文件的路径。在 Bootstrap 的情况下,这两个是您需要包含以获得库的全部功能的唯一。

关于javascript - 如何在不使用 CDN 的情况下自动安装 web Assets ,如 bootstrap、jquery 和 font-awesome?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45114962/

相关文章:

javascript - 如何在平板电脑和手机的 Android 设备方向更改时获得正确的窗口宽度

html - 样式化 wordpress 小部件标题

jquery - 如何从水下气泡效果中删除鼠标事件

ios - 将本地 CSS 添加到域在线 UIWebView

javascript - ASP.NET MVC4 + 下拉列表 + onChange js 事件

javascript - 鼠标悬停时显示每个切片的图像

javascript - 脚本加载器无需包装代码?

javascript - 自提交表单和 cookie PHP

javascript - 当控制台未在 Chrome 中打开时,某些项目不再可单击(某些 js 调用停止工作)

php - jQuery 自定义添加属性