Question

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

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

在尝试npm或作曲家之前，我尝试了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>