如何将composer的供应商文件夹中的CSS和JS文件复制到公共？

Question

我刚刚开始学习几个 PHP 框架。我尝试的示例都使用了composer，我之前没有使用过，所以我还不太清楚。

我在 composer.json 中指定了一些 JS 和 CSS 库并运行了 composer install。 现在这些库已添加到vendor 文件夹中。

现在我应该如何使用这些文件夹中的 JS 和 CSS 文件，例如 bootstrap/dist/css/bootstrap.min.css ？ 我尝试的示例要么只是在public/css 文件夹中有一个副本，要么使用远程链接，例如volt 文件中的<link href="//netdna.bootstrapcdn.com/bootswatch/2.3.1/united/bootstrap.min.css" rel="stylesheet">。

出于某种原因，我不喜欢在我的应用程序中使用这样的远程链接（我担心有一天它们可能会“关闭”）。 但我认为另一个选项也不是很漂亮，因为我仍然需要选择正确的文件从vendor复制到public。

难道没有“自动”的方式来做到这一点吗？或者也许通过将它指定到控制器中，然后将文件复制到 public 中？

Answer 1

Composer 是为了获取 PHP 依赖项而编写的。 它不能很好地与其他网络资源（如 CSS 或 JS 文件）配合使用。

作曲家资产插件

为了解决获取资产的问题，François Pluchino (fxp) 开发了 Composer Asset Plugin。它为 Composer 提供了一个 NPM/Bower 依赖管理器。它是这些依赖管理器的桥梁，并将这些东西提取到供应商文件夹中。

请记住，您始终可以直接使用 Bower 或 NPM。 使用 composer.json 中定义的 Composer 获取您的 PHP 依赖项。 使用在 bower.json 中定义的 Bower 获取您的资产。 这可能是一种更清洁的方法。

Documentation - Packagist

您可能需要从 CLI 获取它：composer require fxp/composer-asset-plugin

例如，要获取资产“Twitters Bootstrap”和“Jquery”：

{
    "require": {
        "bower-asset/bootstrap":     "dev-master",
        "bower-asset/jquery-2.1.0":  "2.1.0"
    }
}

一些框架为资产提供自定义处理程序，主要是为了支持它们各自的文件夹布局并将内容从供应商文件夹复制到正确的位置。我不知道 Phalcon 是否有东西可以获取资产。

难道没有一种“自动”的方式来做到这一点吗？或者也许通过将其指定到控制器中，然后将其复制到公共文件中？

将资产从供应商文件夹复制到应用程序布局中的正确位置是另一回事。

没有自动执行此操作的方法。您必须自己提供机制。

例如，您可以将安装路径从供应商更改为public/assets 或其他东西， 见https://github.com/francoispluchino/composer-asset-plugin/blob/master/Resources/doc/index.md#define-a-custom-directory-for-the-assets-installation

插件不会复制周围的东西。

Bower + Grunt（简而言之：使用 Bower 获取资源，使用 Grunt 复制内容）

最接近“指定控制器”的方法是设置 Grunt 任务，仅将使用 Bower 获取的相关内容从 web/assets/vendor 复制到 web/assets/appfolder。

换句话说：即使是像 Bower 这样的 JS 包管理器也不提供主 API 文件的自动复制。 Bower 会将最新的 jQuery 版本获取到定义的供应商文件夹中，但它不会自动将 jquery.min.js 复制到 web/assets/js/jquery.min.js 中。你需要一个任务。