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

Question

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

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

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

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

npm install bootstrap-select

其他将通过作曲家：

composer require snapappointments/bootstrap-select

安装完成后，我检查了我的/vendor文件夹，是的，snapappointments下面有几个文件夹。

那么现在怎么办？

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

Answer 1

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

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

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

之后你还需要添加js文件，转到这个路径： resources/assets/js/app.js

并导入这样的js文件 require('../../../node_modules/bootstrap-select/dist/js/bootstrap-select');

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

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

并使用这样的asset辅助函数将其导入您的应用程序刀片，

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