我想添加 PrismJS。
https://prismjs.com/index.html
所以我跑了
yarn add prismjs
然后更新 application.js:
import Prism from 'prismjs';
和 application.scss:
@import '~prismjs/themes/prism';
现在它像这样突出显示 JS 和 CSS:
<pre><code class="language-css">p { color: red }</code></pre>
但是,我不能再添加任何语言了。例如液体。
我尝试按照说明使用https://github.com/mAAdhaTTah/babel-plugin-prismjs。所以在 babel.config.js 中:
plugins: [
["prismjs", {
"languages": [ "css", "liquid"]
}],
但是没有为液体添加高亮标记。
我在 webpack-dev-server 中收到错误:
ERROR in ./app/javascript/packs/application.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In ..node_modules/prismjs/prism.js
那么,我应该如何正确地将 prism-js babel 插件添加到 babel.config.js ?