マーク付きエディターで Katex を取得しようとしています 。https://github.com/markedjs/marked/issues/1538 は上記のリンクからコードを取得しました。
const marked = require('marked');
const katex = require('katex'); // external
const renderer = new marked.Renderer();
function mathsExpression(expr) {
if (expr.match(/^\$\$[\s\S]*\$\$$/)) {
expr = expr.substr(2, expr.length - 4);
return katex.renderToString(expr, { displayMode: true });
} else if (expr.match(/^\$[\s\S]*\$$/)) {
expr = expr.substr(1, expr.length - 2);
return katex.renderToString(expr, { isplayMode: false });
}
}
しかし、katexを別のモジュールとしてロードしたいので、webpackの外部を使用しようとしています: https://webpack.js.org/configuration/externals/
output: {
path: PATH(isDev),
filename: "bundle.js",
library: "BUNDLE",
libraryExport: "default",
libraryTarget: "umd",
globalObject: "this",
},
externals: {
katex: {
root: "katex",
commonjs2: "katex",
commonjs: "katex",
amd: "katex",
},
},
上記のコードのkatexは未定義として出てきますが、それはHTMLファイルの外部で利用できます。katex jsファイルを追加したので
<script
src="../katex/katex.min.js"
integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
crossorigin="anonymous"
></script>
ここで何かが足りないと思います...ここで私を助けてくれませんか. ありがとう