将引导与作曲家一起使用

php twitter-bootstrap composer-php

2022-08-30 13:10:17

我是一个网络新手程序员，
我试图在家学习，以制作自己的网络。我有php，html，js和css的概念。
但是我发现了一些不是如何解决的事情。我正在尝试使用 Composer 来管理 Bootstrap。我安装了 Composer，并且我已经运行了这行代码

composer require twbs/bootstrap

已删除包含文件的文件夹。

我不明白是我如何制作html链接来查找js和css文件，你应该做指示完整路径吗？

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

如果这个问题很愚蠢，请原谅我，但我不知道我应该如何继续。
Amd原谅我的英语，我也在学习，但现在我使用谷歌翻译

答案 1

您可以在 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">

答案 2

是的，默认情况下，Composer 会将依赖项下载到该文件夹中。因此，Bootstrap 也将位于供应商文件夹中，该文件夹不是引用或包含它的正确位置。vendor

composer require twbs/bootstrap➔vendor/twbs/bootstrap/dist/js/bootstrap.js

您的下一步是编写一个小的帮助程序脚本，将您需要的Boostrap文件复制到您的文件夹中。您可以将包含子文件夹（）的完整 dist 文件夹复制到或中。public/assetsvendor\twbs\bootstrap\distpublicpublic\assets

请覆盖现有文件，例如，如果文件存在，请将其删除，然后复制它。这允许在需要再次更新 Bootstrap 供应商软件包时轻松更新文件。

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

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

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

复制Boostrap资源后，您可以开始将它们包含在您的模板（等）中。index.htmlassets\js\bootstrap.min.js

引用：https://stackoverflow.com/a/34423601/1163786 它还显示了此问题的其他解决方案，例如fxp/composer-asset-plugin，bower，grunt。