如何将外部js文件添加到Laravel项目的app.js文件中？

Question

我想使用this包进行音频均衡动画。我想将其添加到我的Laravel项目中，所以我复制了两个文件

jquery.reverseorder.js
jquery.equalizer.js

到/myproject/node_modules/myjss/

并添加了这两行

import 'myjss/jquery.equalizer'
import 'myjss/jquery.reverseorder'

进入/myproject/resources/js/app.js

但它返回TypeError: $(...).equalizer is not a function

我该如何解决？

Answer 1

您不需要像这样保存这些文件。只需将它们保存在laravel的资产文件夹中即可。然后在laravel中，您应该像这样<script type="text/javascript" src="js/jquery.reverseorder.js"></script>一样包含它。在src路径中，您可以使用laravel的asset_path。您可以将此路径包含在js或laravel的刀片模板中。