通过 Composer 下载后如何设置 Bootstrap？

Question

我是 Composer 的初学者，所以对它知之甚少，对 Web 应用程序开发经验也很少。

我正在阅读Nettuts+ 教程，并且有一个关于 Composer 的基本问题。

{
  "require": {
    "laravel/framework": "4.0.*",
    "way/generators": "dev-master",
    "twitter/bootstrap": "dev-master",
    "conarwelsh/mustache-l4": "dev-master"
  },
  "require-dev": {
    "phpunit/phpunit": "3.7.*",
    "mockery/mockery": "0.7.*"
  },
  "autoload": {
    "classmap": [
      "app/commands",
      "app/controllers",
      "app/models",
      "app/database/migrations",
      "app/database/seeds",
      "app/tests/TestCase.php"
    ]
  },
  "scripts": {
    "post-update-cmd": "php artisan optimize"
  },
  "minimum-stability": "dev"
}

如果我如上所述设置了我的composer.json 文件，在执行composer install --dev 之后，如何使 Bootstrap 可用于 Laravel 项目？

我的意思是，我可以看到 Bootstrap 包已下载到供应商目录。之前我只使用从其官网下载 Bootstrap 并手动将文件放在 Laravel 的公共目录中，但是这里的正确方法是什么？我可以将 Bootstrap 文件留在原处吗，因为我想定期将 Bootstrap 包更新到其最新版本？

谢谢。

Answer 1

在 Windows 环境下使用 composer post update script (post-update-cmd) 的解决方案可能是：

{
  "require": {
    "twbs/bootstrap": "4.3.1"
  },
  "scripts": {
    "post-update-cmd": [
      "RMDIR public\\assets\\bootstrap /S /Q" ,
      "XCOPY /E /I vendor\\twbs\\bootstrap\\dist public\\assets\\bootstrap"
    ]
  }
}

您将在public\assets\bootstrap 文件夹中准备好以 HTML 格式导入的引导文件。

Answer 2

我是 Laravel 和 Bootstrap 的新手（以及将它们一起使用），当遇到同样的问题时，我偶然发现了这个线程。我创建了一个新的 Laravel 项目，然后通过在 Laravel 项目的根目录中运行以下命令来添加 Bootstrap：

%composer 需要 twbs/bootstrap

然后，在我的视图文件中，我包含了以下代码：

<link href="css/app.css" rel="stylesheet">

似乎 composer（或 bootstrap）通过引用添加了 app.css，其中包含 Bootstrap css 文件（位于非公共供应商文件夹中）。添加对 app.css 的引用有效，并且我能够在我的视图中使用 Bootstrap 组件。

Answer 3

正如教程所说，您必须将其复制到您的公共目录：

cp vendor/twitter/bootstrap/docs/assets/js/html5shiv.js public/js/html5shiv.js
cp vendor/twitter/bootstrap/docs/assets/js/bootstrap.min.js public/js/bootstrap.min.js

编辑：

您确实可以复制它们，因为您的资产文件应该仅位于 public 文件夹中，而 Composer 就是将软件包放在供应商的文件夹中，必须不可见 到外面的世界。

但是你可以创建一个 Composer post-install-cmd:

{
    "scripts": {
        "post-update-cmd": "MyVendor\\MyClass::postUpdate",
    }
}

并让它在每次更新时为您复制这些文件。它可以使用 PHP、bash 或您可以在主机上运行的任何其他语言编写。文档：http://getcomposer.org/doc/articles/scripts.md.

Answer 4

这对我来说效果更好

"scripts": {
    "post-update-cmd": [
        "mkdir -p html/vendor/",
        "ln -sfr vendor/twbs/bootstrap/dist html/vendor/bootstrap"
    ]
},

“r”标志使符号链接相对，从而指向真正的文件夹

Answer 5

刚刚意识到php artisan asset:publish --path="vendor/twbs/bootstrap/dist/" bootstrap或php artisan vendor:publish --path="vendor/twbs/bootstrap/dist/" bootstrap不再起作用了。

对我有用的是编辑 composer.json 在scripts、post-update-cmd 下添加以下内容：

"scripts": {
        "post-update-cmd": [
            "php artisan optimize",
            "mkdir -p public/bootstrap",
            "cp -R vendor/twbs/bootstrap/dist/ public/bootstrap/"
        ]}

Answer 6

只需像上面LeviXC所说的那样对文件夹进行符号链接：

{
    "scripts": {
      "post-update-cmd": "ln -sf vendor/twitter/bootstrap/dist/ public/vendor/bootstrap/"
    }
}

或多个命令：

{
    "scripts": {
        "post-update-cmd": [
           "php artisan optimize",
           "ln -sf vendor/twitter/bootstrap/dist/ public/vendor/bootstrap/"
        ]
    },
}

Answer 7

我们有 artisan 命令来发布资产（CSS、JS、..）。这样的事情应该可以工作。

php artisan asset:publish --path="vendor/twitter/bootstrap/bootstrap/css" bootstrap/css
php artisan asset:publish --path="vendor/twitter/bootstrap/bootstrap/js" bootstrap/js

我不确定路径..但​​这应该可行。