如何获取并加载KaTeX样式表？用于Angular项目style.css集成

• 第一步：安装KaTeX依赖
  在项目根目录执行命令：
  npm install katex
  或者用yarn：
  yarn add katex

• 第二步：引入KaTeX样式表
  有两种方式可以将样式表集成到项目中：

  1. 全局样式文件导入
     打开项目根目录下的src/styles.css，添加以下代码：
     @import '~katex/dist/katex.min.css';
     这里的~是Angular用来识别node_modules目录的路径别名。
  2. Angular配置文件中添加
     打开angular.json，找到architect -> build -> options -> styles数组，添加样式表路径：

     "styles": [
       "src/styles.css",
       "node_modules/katex/dist/katex.min.css"
     ]
     

• 第三步：验证样式是否生效
  在任意组件的模板中添加一个测试容器：
  <div class="katex-test"></div>
  然后在组件的TypeScript文件中导入KaTeX并渲染公式：

  import katex from 'katex';
  
  ngAfterViewInit() {
    katex.render('E=mc^2', document.querySelector('.katex-test')!, {
      throwOnError: false
    });
  }
  

  启动项目后，若公式能正常渲染，说明样式表已成功加载。

内容的提问来源于stack exchange，提问作者user15550942