Question

我正在我的开发服务器本地处理一个bootstrap模板..模板通过CDN加载一些资源..

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--font-awesome-->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="//code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css" rel="stylesheet" type="text/css" />

问题是这会减慢我的速度，因为每当我点击刷新以检查我的页面上的更改（localhost）时，必须一次又一次地在线加载资源。

所以我试图通过链接打开资源并在本地保存em。但这会打破，因为我猜它还有更多的东西，而不仅仅是CSS代码。

有没有一种简单的方法来“本地化”这些东西？

谢谢你们

Answer 1

这是我在本地使用CDN CSS资源所遵循的步骤：

从here
将 ionicons.css 复制到您的项目
将字体文件夹复制到项目
确保 ionicons.css 中的字体网址正确引用项目中的字体路径。
从您需要使用它的每个网页中包含对ionicons.css文件的引用。

在我的情况下，我将其包含在main.html

<link href="css/ionicons.css" rel="stylesheet" type="text/css" />

然后只需将图标和图标的类名添加到HTML元素中。

<i class="icon ion-home"></i>

和文件夹就是这样的：

- project_name
    * css    --> ionicons.css
    * fonts  --> ionicons.eot, ionicons.svg, ionicons.ttf, ionicons.woff

Answer 2

为了回答这个问题，我不确定这个解决方案是否容易被认为是＆＃39;但它会让你能够在本地托管而不依赖于CDN。简单的解决方案是使用CDN。话虽如此：

bootstrap.min.css文件很容易本地化，你可以去getbootstrap.com并从下载Bootstrap 选项中获取它。

本地化字体真棒是一项更多的工作。在这里，您需要将整个font-awesome目录复制到项目中。您可以从以下网址下载：http://fortawesome.github.io/Font-Awesome/。您最终会得到一个名为font-awesome-4.2.0的目录文件夹，其中包含一系列子文件夹：css，fonts，less和scss。您还需要在HTML的head部分调用本地font-awesome.min.css文件。有关在本地设置Font Awesome的更多信息，请参阅以下GitHub链接：http://fortawesome.github.io/Font-Awesome/get-started/

Ionicons 类似于Font Awesome设置。在以下Ionicons网页中，您需要下载目录并将其包含在项目中：http://ionicons.com/。在完成目录设置后，您需要在HTML的head部分调用本地ionicons.min.css文件。

Answer 3

一个老问题，但是我认为现在有一个简单的解决方案：您可以使用npm install ionicons

安装节点软件包

https://www.npmjs.com/package/ionicons

Answer 4

从url本地保存css / js文件并更改路径。

例如： - css / ionicons.min.css

http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css

在本地保存CDN CSS资源的最简单方法？

4 个答案: