如何使用从Laravel中的npm安装的软件包

Question

很抱歉问这个简单的问题。 我是软件包管理员的新手，尤其是npm。 通常，我使用的是将CSS /脚本链接到CDN

在这种情况下，我要编写一个Laravel应用程序，它需要更高级的<select> ，所以我决定尝试使用bootstrap-select来满足我的要求。

在尝试npm或作曲家之前，我尝试了CDN方式，但是缺少文件，所以它不起作用。

在文档中，有几种安装方法，一种是通过npm：

npm install bootstrap-select

其他将通过作曲家：

composer require snapappointments/bootstrap-select

安装完成后，我签入/vendor文件夹，是的，下面有一个snapappointments夹， snapappointments有几个文件夹。

那么现在怎么办？

如何将CSS链接到这个新安装的软件包？ 脚本也一样吗？

Answer 1

这种方式是通过在运行命令npm install bootstrap-select后使用npm

然后转到/resources/assets/sass/app.scss导入SCSS文件，您将像这样导入它：

@import "../../../node_modules/bootstrap-select/sass/bootstrap-select.scss";

之后，您还需要添加js文件，请转到以下路径： resources/assets/js/app.js

并导入需要的js文件（'../../../node_modules/bootstrap-select/dist/js/bootstrap-select'）;

最后：运行此命令npm run watch或npm run dev来生成已编译的css＆js文件

npm run watch run每次点击保存时都会编译文件npm run dev可以按时编译文件

并使用这样的asset助手功能将其导入到您的应用刀片中，

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<script src="{{ asset('js/app,js') }}"></script>