gulp (& symfony)：使用资产答案

【问题标题】：gulp (& symfony): working with assetsgulp (& symfony)：使用资产
【发布时间】：2017-09-06 15:33:30
【问题描述】：

我需要在遗留应用程序中的 symfony 中实现 gulp。旧的 symfony 应用程序部分正在工作，但我有点卡在 gulp symfony 部分。 'web' 文件夹在我们的应用程序中称为 html。在这个文件夹中，我有一个组件文件夹，用于存放 bootstrap、jquery、... 和 js、css、image、... 等库。在我们的 js 文件夹中，我们有一个 config 文件夹，其中包含一些库的默认配置（例如 dataTables）和一个 extensions 文件夹，其中包含扩展（例如 jquery 扩展），旁边是一些自写的 js 文件。我需要将这些配置/扩展文件与 js lib 文件结合起来。

我这样做的想法是创建一个包含所有资产的 json 对象（称为模块）。然后，我将遍历这个模块对象，并在需要时调用 gulp 任务。

例如：

`var modules = {
    bootstrap : {
        css: ['/html/components/bootstrap/css/bootstrap.min.css, html/css/layout.css'],
        fonts: ['html/components/bootstrap/fonts/*'],
        js: ['/html/components/bootstrap/js/bootstrap.min.js']
    }, ...
};`

对于引导程序，我会调用 gulp 任务来缩小和合并 css 文件并更新 url 和导入，将字体复制到 html/fonts 文件夹的任务以及将 js 文件复制到 html/js 的任务

这是一个好方法吗？或者有没有更好的方式在 symfony 中管理资产？（我知道你有 Assetic 包，但我们有时确实使用 es6，所以我们需要 gulp 用 babel 翻译一些 js 文件，这是不可能的（据我所知，用 Assetic）

【问题讨论】：

标签： symfony gulp assets

【解决方案1】：

我会回答我自己的问题，因为它可能对其他人有所帮助。

Symfony 为资产管理引入了“encore”。有一个chapter about encore。 Encore 使用 webpack，这是一个众所周知的模块打包工具。

【讨论】：