README

Gubler/ElixirBundle 是一个小的Symfony包，用于添加一个 elixr() twig函数。此函数将允许您像在Laravel blade模板中使用一样使用 Laravel Elixir的版本控制（大部分代码来自 Laravel/Framework）。

安装

步骤1：安装Elixir

遵循 Laravel Elixir的安装说明来安装Elixir。

您需要为应用程序添加一个 package.json 文件。以下是一个包含Elixir要求的示例 package.json 文件。

{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "gulp": "^3.9.1",
    "laravel-elixir": "^6.0.0-14",
    "laravel-elixir-vue-2": "^0.2.0",
    "laravel-elixir-webpack-official": "^1.0.2",
  }
}

步骤2：下载包

打开命令行，进入您的项目目录，并执行以下命令以下载此包的最新稳定版本

$ composer require gubler/elixir-bundle

此命令需要您全局安装Composer，如Composer文档中的安装章节中所述。

步骤3：启用包

然后，通过将其添加到项目中 app/AppKernel.php 文件中注册的包列表中来启用包。

<?php
// app/AppKernel.php

// ...
class AppKernel extends Kernel
{
    public function registerBundles()
    {
        $bundles = array(
            // ...

            new Gubler\ElixirBundle\GublerElixirBundle(),
        );

        // ...
    }

    // ...
}

步骤4：配置

此包支持以下配置（此处显示默认值）

# Elixir Bundle Config
gubler_elixir:
    web_directory: '%kernel.root_dir%/../web'
    build_directory: 'build'
    url_subdirectoty: ''

web_directory 是磁盘上您的Symfony项目 web 目录所在的目录。

build_directory 的值与 web_directory 相关联。例如，如果您的构建目录是 /{symfony-root}/web/elixir/build/，则需要将 build_directory 更改为 elixir/build。

url_subdirectory 在您的应用程序位于URL根目录下的子目录时使用。如果您的应用程序位于根路径（例如，https://my-app.com），则此值应留空。如果您的应用程序位于子目录中（例如，https://my-site.com/app/），则需要更新此值以包含子目录（对于示例，app）。这也适用于您的应用程序位于多个子目录深处的情况（URL：https://my-site.com/here/is/my/app/ → 设置：here/is/my/app）。

用法

如果您使用Elixir对文件进行版本控制，则可以在twig模板中使用 asset() 代替如下所示

<link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}" />

您可以使用 elixir() 如此使用

<link rel="stylesheet" type="text/css" href="{{ elixir('css/app.css') }}" />

待办事项

添加控制台命令以生成基本 package.json 文件。

gubler / elixir-bundle

维护者

详细信息