如何在laravel中导入外部js库？

Question

我已根据以下信息中心GitHub Repo从此gentella下载了基本模板。

我使用以下命令安装inputmask库：

npm install inputmask --save

但是阅读和阅读，我不确定哪个是将其整合到HTML网页中的正确步骤，我读到了mix，saas，Compiling Assets (Laravel Mix)。

我试着用这个：

<script type="text/javascript" src="{{ URL::asset('js/inputmaskpath.js') }}"></script>

和此：

@section('scripts')
    {{ Html::script(mix('assets/js/inputmask.js')) }}
@endsection

最后的问题是，如何将inputmask导入我的HTML页面以及它是正确的路径？

Answer 1

当您使用npm下载软件包时，它们将被下载到node_modules文件夹中，并且不会（直接）包含/加载到您的项目中。

您使用Laravel Mix来处理资产编译。因此，在您的方案中，您可以按以下方式处理它：

首先在名为resources/assets/js的{​​{1}}中创建一个javascript文件。添加以下代码以加载下载的包

app.js

然后使用Laravel mix，你可以编译require('inputmask'); 为你生成一个javasciript文件。将Laravel根文件夹中的app.js修改为以下

webpack.mix.js

现在在您的视图中，您可以加载javascript文件，如下所示

mix.js('./resources/assets/js/app.js', 'public/js/app.js');

因此，如果是另一个下载的软件包，您首先使用npm安装它，然后在您需要该软件包的<script src="{!! mix('js/app.js') !!}"></script> 文件中安装它。然后Laravel mix将把所有必需的包合并到一个javascript文件中。

我建议你阅读this documentation了解有关Laravel Mix的更多信息。 This tutorial也很有用。