将PrismJS与RequireJS一起使用,即使它不是依赖项。



我正在尝试使用PrismJS,同时不将其作为任何函数的严格依赖项附加。iI所需要做的只是在页面上突出显示语法,但不幸的是,完整的样式没有传递到页面。

我确实阅读了这个SO线程,并确认Prism已附加到window对象,但样式没有显示在页面上。

这是我的代码(prism.css通过Sass与其他样式连接):

HTML:

<pre><code class="language-css">
git rm 'myFile.html'
</code></pre>`

脚本标签:

<script data-main="/js/config.js" src="/js/require.js"></script>

config.js

requirejs.config({
  baseUrl: "/js",
  deps: ["prism"],
  paths: {
    prism: "vendor/prism"
  },
  shim: {
    "prism": {
      "exports": "Prism"
    }
  }
});

prism.js

define("prism", ["prism"],function(Prism) {
  return Prism; //probably redundant
});

我有一种感觉,在prism.js中做一些事情是需要的,但不是100%确定。

很可能你不再需要这个了,但我在遇到类似问题时偶然发现了这个问题。

您最需要的可能是Prism.highlightAll();函数调用。我的解决方案位于http://schier.co/blog/2013/01/07/how-to-re-run-prismjs-on-ajax-content.html.

最新更新