定制的引导和CDN

Question

我有点搞不懂定制的引导插件是如何工作的，以及它们是否/如何与传统的CDN一起工作。

​

在线调整自定义？

如果我正确地理解了引导程序3的文档，定制您的引导程序外观的标准方法是转到此页，更改变量，然后将生成的/自定义的版本下载到您的机器上。

但是，我如何知道我是否会喜欢我所做的改变，直到我真正看到它付诸行动为止？如果无法将我的更改应用于某种“在线展示”，我将不得不：

1. 做出改变(每个周期需要20到30分钟)
2. 单击“编译和下载”按钮。
3. 下载并解压自定义版本
4. 把它放到我自己的应用程序中，等待看到我不喜欢的东西；当这种情况发生时，从上面的第1步开始，冲洗并重复

这是一个昂贵的开发/测试周期(对于最终开发人员来说，这是一个昂贵的时间周期，而在服务器端，对于运行所有这些自定义的Bootstrap服务器来说，这既昂贵又昂贵)。

因此，我的第一个问题是：是否有办法在页面上进行更改，然后在某种演示案例中看到它们的作用?如果没有，核心引导程序开发人员如何有效地定制/调整引导带？

​

自定义引导版本和CDN

所以有很多流行的Bootstrap CDN。我一次又一次看到的是：

https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

但我必须假设这个URL只是删除了“正常”(非定制)最新版本的Bootstrap，是吗？所以，如果我要把我的定制版本放到CDN上，我必须自己付费才能托管它。

所以我问：是否有CDN可以为您提供自定义的引导程序版本?如果没有，那么是否有一种方法来编码/配置引导带，以便它只从我的web服务器中提取我的自定义CSS更改，然后从CDN?中提取所有模板/普通/JS代码，那么硬核心引导程序如何处理CDN托管？

Answer 1

我所做的是下载引导程序的源代码，并为我的自定义和重写创建一个较少的文件。在加载了引导变量LESS之后，我直接加载它，然后编译成CSS。这使我可以快速使mods在一个单独的更少的文件，并编译基本的引导，可以升级，而不覆盖我的任何更改。如果要使用grunt编译，引导程序确实有它自己的grunt文件，我这样做了。

您可以在类似于CloudFlare CDN的设备上进行托管。

Answer 2

有没有一种方法可以在页面上进行更改，然后在某种展示案例中看到它们的作用？

不，虽然有第三方自定义，但确实有这样一个实时预览功能。

核心引导程序开发人员如何有效地定制/调整引导带？

然后是通过Grunt在本地构建Bootstrap。，然后是在本地运行这些文档，以查看自定义的外观。那就做更多的改变。泡沫，冲洗，重复。

在服务器端，这对于运行所有这些自定义的引导服务器来说是很昂贵的。

其实很便宜！定制程序完全在客户端运行。

但我必须假设这个URL只是删除了“正常”(非定制)最新版本的Bootstrap，是吗？

对，是这样。

是否有CDN可以为您提供自定义引导版本？

只要用普通的CDN。引导就像任何其他前端库一样；CDN不需要特别对待它。

Answer 3

使用CDN主要是一个性能问题。CDN背后的理念是，如果多个网站使用相同的资源，例如bootstrap.min.js，则只加载一次，并存储在浏览器缓存中，供所有网站使用。另一个优点是CDN源将被并行加载，因为它来自另一个服务器。浏览器倾向于打开到一个浏览器的最大两个连接。第三个优点是CDN内容托管在许多地理位置，其中最接近您的，也是使用最快的。

如果您自定义您的引导，您就不能再与其他网站分享这一点。第一优势的限制没有得到满足。如果您主要关心的是性能，而不是您可以为staioc conetent使用不同的主机名(引导、图像、样式等)。

例如

• https://www.example.com/*您的动态内容
• https://static.example.com/*所有静态内容(如私有引导)

www.example.com和static.example.com是否运行在同一台服务器上并不重要。只有主机名算。