有没有一种方法可以轻松地将CDN链接复制到不同的html页面?
例如,我有以下CDN:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
现在,我还需要将它们也包含在其他页面中,但是将其复制粘贴到其他多个页面中是不切实际的。有没有一种方法可以将这些CDN包含在一个页面中并仅调用该页面?
长答案:这取决于您的设置。
如果使用服务器端模板系统或预处理器,则可以执行此操作。如果您有节点服务器,也可以执行此操作。或者,如果您使用的是webpack,则可以将其集成到构建过程中。
但是,如果您编写的是纯HTML CSS和JavaScript,并使用静态站点托管,则无法真正做到这一点。