时间戳

首页 > 解决方案 > LaTeX.js css 格式在 Create React App 中不起作用

javascript - LaTeX.js css 格式在 Create React App 中不起作用

问题描述

我正在尝试在使用 CRA 制作的反应应用程序中使用 LaTeX.js 模块（https://github.com/michael-brade/LaTeX.js）。该模块用于在 iframe 标记内生成 html 格式的乳胶文档。它附带了许多 .css 文件以按预期呈现乳胶，这些文件包含在生成的 html 标头中：

<iframe sandbox="allow-scripts">
  <!-- generated html by latex.js -->
  <head>
    ...
    <base href="http://localhost:3000/">
    <link type="text/css" rel="stylesheet" href="http://localhost:3000/css/katex.css">
    <link type="text/css" rel="stylesheet" href="http://localhost:3000/css/article.css">
    ...
  </head>
  ...
</iframe>

这些 CSS 文件位于：

node_modules/
  latex.js/
    dist/
      css/
        article.css
        base.css
        book.css
        katex.css

问题是css格式不起作用。访问http://localhost:3000/css/article.css不显示原始 css 文件，但路由到http://localhost:3000/.

您知道我如何“提供”这些 css 文件，node_modules/latex.js以便它们可以包含在http://localhost:3000/css文件夹下的 iframe 中吗？

编辑：

手动将提到的 css 文件复制到public/css目录似乎可行。但这并不能解决问题，因为public它是受控的，我无法在我的项目中控制第三方 css 文件。

那么如何从外部模块获取文件，就像它们在其中一样提供服务public？

标签： javascriptcssreactjswebpackcreate-react-app

解决方案

推荐阅读