javascript - 冲突的 JavaScript 库

Question

我看到了一些问题，但没有一个答案适用于我。

我有两个脚本

<script src="js/bootstrap.min.js"><script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

根据我将它们放置在其他中断的代码的顺序。当我查看源代码时，我看到它是因为函数名称冲突。我需要加载两者。

我可以以某种方式将整个第二个库加载到单独的命名空间中吗？我该如何从两个脚本加载所有函数:/

我正在尝试做什么我需要调用prettyPrint()来自run_prettify.js

什么prettyPrint()所做的是插入 <ol>的和<li>的和<span>并进入我的标签，其中包含一段代码。然后，一旦这些标签插入，我的自定义 css 就可以设置代码块的样式。

Answer 1

看看 RequireJS http://requirejs.org/ 。它是一个旨在构建完全独立的 JavaScript 模块的库，并为您管理依赖项。

使用 RequireJS 你可以做类似的事情:

require(["js/bootstrap.min"], function(bootstrap) {
    //use bootstrap here
});

require(["https://google-code-prettify.googlecode.com/svn/loader/run_prettify"], function(run_prettify) {
    //use run_prettify here
});