javascript - 在 Laravel mix 中编译和初始化外部 JS 库

Question

我正在使用 Laravel mix 来编译我的所有资源，但我在初始化外部库时遇到问题。

我已经使用npm install aos --save来获取依赖项，并且在我的app.js中我这样调用它:

require('aos/dist/aos');
AOS.init();

我的混音文件:

mix
    .js('resources/js/app.js', 'public/js')
    .js('resources/js/index.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/index.scss', 'public/css');

现在在 View 中，我将文件包含在 head 中:

<script defer src="{{ mix('js/app.js') }}"></script>

但我一直认为

Uncaught ReferenceError: AOS is not defined

如何解决？如果在同一文件中并在库要求之后引用它，为什么它不起作用？

Answer 1

离开README在 Github 上你可以这样做:

import AOS from 'aos';

AOS.init();

<小时/>

如果您不确定如何使用 npm 包，那么始终值得查看以下内容(如果存在):

• www.npmjs.com 上的说明 - Google npm [软件包名称] 或使用 npmjs.com 上的搜索
• 存储库自述文件 - 其链接通常位于 npmjs.com 页面的右侧
• 官方文档网站 - 如果有，通常可以在上述网站之一中找到。