0

我花了很长时间在谷歌上搜索这个，但我只是不知道如何提出这个问题，因为我可能不知道正确的词来帮助我找到答案。

我想在一个有多个页面的网站上测试 Bootstrap 5 来弄乱它。我想要做的是将 CDN 放在一个文件夹中，然后链接到标签中每个页面的 CDN。这样，当他们更新 Alpha 版时，我可以只在一个位置更新链接并让它转到每个页面，而不是需要一个接一个地转到每个页面并在那里更新链接。那有意义吗？这可能吗？

编辑：帮助理解我在这里使用的内容。我正在使用不允许 PHP 的 GitHub Pages。

4

2 回答 2

1

您可以为您的项目创建一个css文件并将其命名为您想要的任何名称，例如bootstrap.css. 然后您可以在其中导入该bootstrap-5-aplha链接并在您想要的任何页面中css使用该文件。css因此，每当您想更改时，您只需要更改link导入的内容。

@import url('https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css');

如果你想为你的 js 文件做同样的事情，你只需要创建一个js文件并将它命名为你想要的任何示例，并在结束标记上方bootstrap.js使用标记调用它，然后在你的文件中粘贴此代码：script</body>htmljs

var script = document.createElement('script');
var script2 = document.createElement('script');
script.type = 'text/javascript';
script2.type = 'text/javascript';

script.src = "https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"; 
script2.src = 'https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js';

script.integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/";
script2.integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo";

script.crossOrigin="anonymous";
script2.crossOrigin="anonymous";

document.body.appendChild(script2);  
document.body.appendChild(script);

它正在script为您的项目生成两个文件，一个是bootstrap.min.js，另一个是popper.js

我script2在标签之前调用是script因为 popper 必须在之前调用bootstrap.min.js。

每当您想更新 js 链接时，您只需要更新src两者。

不要忘记更新您的问题，因为它仅突出显示 css 部分。

于 2020-07-13T15:13:35.360 回答
0

对的，这是可能的。你需要做的是创建一个文件，我们称之为头文件。** 带有 ** 扩展名取决于您的堆栈。最后，您需要将此文件与您的核心代码连接起来。当您连接文件时，您当然需要了解路径，并且根据您使用的语言，语法会有所不同。它只是一个html页面bootstrap吗？然后我猜最简单的方法是将它们与 PHP 链接起来，或者至少这是我迄今为止对项目所做的。

于 2020-07-13T14:50:29.237 回答