如何在laravel中导入一个外部的js库?

我已经从这个GitHub回购基于下面的仪表板gentella下载了基本模板。

我使用以下命令安装input掩码库:

npm install inputmask --save 

但阅读和阅读,我不知道哪一个是正确的步骤,将其整合到一个HTML页面,我读了关于mixsaasCompiling Assets (Laravel Mix)

我尝试这个:

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

和这个:

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

最后的问题是,如何将inputinputmask导入到我的HTML页面以及它是什么正确的path?

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

您使用Laravel Mix来处理资产编制。 所以在你的情况下,你可以处理它如下:

首先在resources/assets/js创build一个名为app.js的JavaScript文件。 添加以下代码以便能够加载下载的软件包

 require('inputmask'); 

然后使用Laravel混合,你可以编译app.js为你生成一个javasciript文件。 将Laravel根文件夹中的webpack.mix.js修改为以下内容

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

现在在你看来,你可以像下面那样加载javascript文件

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

所以,如果是另一个下载的软件包,首先使用npm安装它,然后在您的resources/assets/js/app.js文件中需要该软件包。 然后,Laravel混合将照顾到所有需要的软件包合并成一个JavaScript文件。

我build议你阅读这个文档以获取更多关于Laravel Mix的信息。 本教程也很有用。