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

Question

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

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

在尝试npm或者composer之前尝试过CDN的方式，但是缺少一个文件，所以没用。

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

npm install bootstrap-select

其他将通过 Composer :

composer require snapappointments/bootstrap-select

安装完成后，我 checkin 我的/vendor文件夹，是的，有一个 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 compile your files every time you hit save npm run dev to compile your files on time

并使用像这样的 asset 辅助函数将其导入您的应用 Blade ，

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