文章/答案/技术大牛

发布

问katex作为webpack外部负载
EN

Stack Overflow用户

提问于 2020-07-27 10:35:34

回答 1查看 338关注 0票数 1

我正试图在标记编辑器中获取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文件

<script
        src="../katex/katex.min.js"
        integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
        crossorigin="anonymous"
    ></script>

我想我漏掉了什么..。你能帮帮我吗。谢谢

webpack

katex

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-29 12:06:30

你能试试：

externals: {
   katex: "katex"
},

注意" katex "

请?

我用文件创建了它的本地演示：

-webpack.config.js

-src

-index.js

-dist

-index.html

文件：

webpack.config.js：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
  },
  externals: {
      katex: "katex"
  }
};

src/index.js

var katex = require("katex");

export function foo() {
    console.log(katex);
}

foo();

index.html：

<!doctype html>
<html>
  <head>
    <title>External Demo</title>
    <script
        src="../node_modules/katex/dist/katex.min.js"
    ></script>
  </head>
  <body>
    <script src="main.js"></script>
  </body>
</html>

结果在控制台：{version: "0.12.0", render: ƒ, renderToString: ƒ, ParseError: ƒ, __parse: ƒ, …}，然后我可以在foo函数中使用katex。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63113533

复制

相似问题

问katex作为webpack外部负载
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问katex作为webpack外部负载EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问katex作为webpack外部负载
EN