首页 > 解决方案 > Laravel MIX 不工作,使用 CDN 工作

问题描述

我在这里有点迷路了。我对 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 来实现这个summernote 插件。

标签: laravelnpmlaravel-mixkatex

解决方案


Katex 应安装为:

window.katex = require('katex');

推荐阅读