如何将多PHP页面的CDN链接与脚本统一引入单个文件？

步骤1：创建统一的资源引入文件 #

新建一个PHP文件（比如命名为assets.php），把所有需要的CDN资源标签集中写在这里，注意修正标签的正确写法（<link>标签用href而非src，且需指定rel="stylesheet"）：

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.example.com/bootstrap/5.3.2/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://cdn.example.com/jquery/3.7.1/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.example.com/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<!-- SweetAlert -->
<link rel="stylesheet" href="https://cdn.example.com/sweetalert2/11.10.0/sweetalert2.min.css">
<script src="https://cdn.example.com/sweetalert2/11.10.0/sweetalert2.min.js"></script>

步骤2：在各页面中引入这个文件 #

在你那5个PHP页面的<head>标签内（JS资源也可以放在</body>前的位置），用PHP的include或require语句引入这个统一文件：

<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
    <!-- 引入统一资源文件 -->
    <?php include 'assets.php'; ?>
</head>

如果你的页面分布在不同子目录，建议使用绝对路径避免路径问题：

<?php include $_SERVER['DOCUMENT_ROOT'] . '/assets.php'; ?>

优势说明 #

• 完全保留CDN的性能优势：浏览器依然直接从CDN加载资源，享受CDN的缓存、就近访问等特性，不会占用你的服务器带宽。
• 维护成本极低：后续需要更换资源版本、切换CDN服务商时，只需要修改assets.php这一个文件即可，无需逐个修改5个页面。
• 减少重复代码：避免在多个页面中重复编写相同的资源引入标签，保持代码整洁。

内容的提问来源于stack exchange，提问作者KMG