时间戳

首页 > 解决方案 > 如何在 Laravel 中使用从 npm 安装的包

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

问题描述

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

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

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

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

npm install bootstrap-select

其他将通过作曲家：

composer require snapappointments/bootstrap-select

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

那么现在怎么办？

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

标签： phplaravelnpmcomposer-php

解决方案

这种方式是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>

推荐阅读