README

您已经可以使用Laravel Elixir与Craft。这相当直接。实际上，Matt Stauffer在他的公司博客上有一篇关于使用Elixir的出色文章。

然而，当使用像CloudFlare或Fastly这样的CDN时。您可能想利用文件版本化来清除缓存。此插件允许您在Craft模板中使用Elixir的内置版本化！

要求

如果您还没有阅读Laravel网站上的Elixir文档或上面的博客文章，这里是对设置Elixir的快速概述。

创建一个包含以下内容的package.json

{
  "private": true,
  "devDependencies": {
    "gulp": "^3.9.1"
  },
  "dependencies": {
    "laravel-elixir": "^5.0.0"
  }
}

运行npm安装命令

npm install

就像Laravel项目一样，在resources/assets/sass和resources/assets/js下添加您的SCSS、JavaScript等。

创建一个包含您内容的gulpfile.js或复制此文件

var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.sass('app.scss')
        .version('css/app.css');
});

运行gulp watch！

当使用Elixir版本功能时，您的CSS/JavaScript将输出到public/css/all-16d570a7.css。这正是此插件发挥作用的地方！

在Laravel中，有一个Elixir PHP辅助函数可以检索正确的版本。现在您可以在Craft模板中这样做！

Twig函数

{{ elixir('css/all.css') }}

注意：您可以选择通过将第二个参数true传递给函数来输出整个HTML标签（例如 {{ elixir('css/all.css', true) }}）。

Twig过滤器

{{ 'css/all.css' | elixir }}

<link rel="stylesheet" href="{{ craft.elixir.version('css/all.css') }}">

和

<script src="{{ craft.elixir.version('js/app.js') }}"></script>

如果您非常懒惰，可以让插件根据文件扩展名自动创建整个标签。

{{ craft.elixir.withTag('js/app.js') | raw }}

这将输出适当的<script>或<link>标签。

Venveo是一家位于VA州布莱克斯堡的建筑材料公司数字营销机构。在我们的网站上了解更多关于我们的信息。

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。