Laravel 混合编译和初始化外部 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');

现在在一个视图中，我将文件包含在 head:

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

但我一直认为

Uncaught ReferenceError: AOS is not defined

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

Answer 1

在 Github 离开 README 你可以：

import AOS from 'aos';

AOS.init();

如果您不确定如何使用 npm 软件包，那么总是值得查看以下内容（如果它们存在）：

关于 www.npmjs.com 的描述 - Google npm [package name] 或使用 npmjs.com
回购自述文件 - link 通常位于 npmjs.com 页面的右侧
官方文档站点 - 如果有，通常可以在上述其中之一中找到。

Laravel 混合编译和初始化外部 JS 库

Compiling and initializing external JS library in Laravel mix

javascript

laravel

laravel-mix