如何在laravel中导入一个外部的js库?
我已经从这个GitHub回购基于下面的仪表板gentella下载了基本模板。
我使用以下命令安装input掩码库:
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
最后的问题是,如何将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的信息。 本教程也很有用。