首页 > 解决方案 > 如何将外部 js 文件添加到 Laravel 项目 app.js 文件中?

问题描述

我想使用这个包进行音频均衡动画。我想将它添加到我的 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

我该如何解决?

标签: javascriptnode.jslaravelwebpack

解决方案


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


推荐阅读