我在这里有点迷茫。我对Laravel Mix并不陌生,所以这真的很令人困惑。
我有一个布局刀片文件,它看起来像这样
<html> ....
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0/katex.min.js"></script>
<script src="{{ mix('/js/myjs.js") }}></script>
</body>
</html>
该myjs.js
是使用Laravel Mix编译的,包含数十个库,所有这些库都可以正确编译和工作。
但是,如果我包括这个
require('katex'); //so it's above everything else to simulate situation from above, when it's included in the layout file
...
并从布局文件中删除 CDN 脚本 - Katex 库将不起作用。
我尝试使用require('katex/dist/katex.min.js')
但仍然没有。库中的katex.min.js
文件和 CDN 中的文件相同。
我不是 npm 的专家,我只使用它来获取库,然后在我的 Laravel 应用程序中合并和缩小它们。
谁能帮我在这里指出问题或指出我在这里做什么/做错了什么?
不应该
<script src="lib1.js"></script>
<script src="lib2.js"></script>
包含在 HTML 中,以及
require('lib1')
require('lib2')
编译为
<script src="{{ mix('compiled.js') }}"></script>
生产同样的东西?
谢谢!
更新:
我正在使用 Katex 来实现这个夏季笔记插件。
Katex 应安装为:
window.katex = require('katex');