Php 将引导与composer一起使用

我是一名网络新手程序员，
我正在努力从家里学习，建立自己的网络。 我有php、html、js和css的概念
但我发现了一些不该解决的问题。 我正在尝试使用Composer来管理引导。我安装了Composer，并运行了这行代码

composer require twbs/bootstrap

已删除包含文件的文件夹

我不明白的是我是如何制作html链接来查找js和css文件的，你应该怎么做呢

vendor / twbs / bootstrap / dist / js / bootstrap.js

如果这个问题很愚蠢，请原谅，但我不知道该如何继续

---

请原谅我的英语，我也在学习，但现在我使用google translate是的，Composer默认情况下将依赖项下载到

供应商

文件夹中。因此，引导程序也将位于供应商文件夹中，该文件夹不是引用或包含引导程序的正确位置

composer需要twb/bootstrap

➔ <代码>供应商/twbs/bootstrap/dist/js/bootstrap.js

---

下一步是编写一个小助手脚本，将所需的Boostrap文件复制到

public/assets

文件夹中。您可以将完整的dist文件夹（包括子文件夹）（

vendor\twbs\bootstrap\dist

）复制到

public

或

public\assets

）

请覆盖现有文件，例如，如果存在文件，请将其删除，然后复制。这使得您可以在需要再次更新引导供应商包时轻松地更新文件

当然，您也可以手动复制文件或创建符号链接。视情况而定

这将为您提供以下目录结构：

public
 \- assets
    |- css
    |- js
    \- fonts
 \- index.html

复制Boostrap资源后，您可以开始将它们包括在

index.html

或模板（

assets\js\bootstrap.min.js

等）中

---

---

参考：它还显示了解决此问题的其他解决方案，例如fxp/composer asset plugin、bower、grunt。

除非您需要在引导程序内部进行自定义（例如构建SCS），否则最简单的解决方案是依赖CDN（作为奖励，您可以获得超快速的资产缓存）

因此，只需这样称呼您的资产：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

---

Composer对于后端依赖项来说是一个非常优秀的工具，但对于前端来说并不是最好的工具。

如果您想在服务器中保存文件，并且不想使用npm、grunt或其他前端库管理器，您只需下载中列出的文件并将其放入js/css文件夹中：

首先下载这些文件（更新至最新的Bootstrap 3版本）：

并将它们放在这些文件夹中（从项目的根目录开始）：

现在，您希望能够在视图的刀片模板中调用它们。很简单：只需添加

和

标记，就像任何css/js文件一样，将以下内容添加到刀片模板中：

<link href="{{ url('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
<script src="{{ url('js/jquery-2.2.4.min.js')}}"></script>
<script src="{{ url('js/bootstrap.min.js')}}"></script>

---

这不会影响页面的样式，您可以简单地忽略此消息，或者按照提示从引导文件中删除一行。再解释一下。

您可以在composer.json文件中使用更新后命令：

"scripts": {
        "post-update-cmd": [
            "rm -rf public/bootstrap",
            "cp -R vendor/twbs/bootstrap/dist public/bootstrap"
        ]
    }

然后只包含如下javascript和css文件：

<script type="text/javascript" src="{{ ROOT_URL }}bootstrap/js/bootstrap.min.js"></script>
<link href="{{ ROOT_URL }}bootstrap/css/bootstrap.min.css" rel="stylesheet">

您想将bootstrap与bootsrap sass结合使用吗？尽管提问者直接询问如何将bootstrap与composer结合使用，但您基本上将问题转化为一个非常初级的问题，即如何将css包含到HTML页面中，这是有史以来最基本的web开发问题之一，除了公共文档根路径，它在您之前已经回答了两次，但是他们也提到了如何包含它。你也参考了3个链接，如果它们是本地的，那么它们是不可计算的，一个是本地问题，另外两个问题，而且完全不相关。虽然我不认为其他问题属于这一个，但我意识到帮助的努力。这不是回答主要问题。

Source map error: request failed with status 404
Resource URL: http://localhost:8000/css/bootstrap.min.css
Source Map URL: bootstrap.min.css.map

"scripts": {
        "post-update-cmd": [
            "rm -rf public/bootstrap",
            "cp -R vendor/twbs/bootstrap/dist public/bootstrap"
        ]
    }

<script type="text/javascript" src="{{ ROOT_URL }}bootstrap/js/bootstrap.min.js"></script>
<link href="{{ ROOT_URL }}bootstrap/css/bootstrap.min.css" rel="stylesheet">