gulp(& symfony):使用资产

时间:2017-09-06 15:33:30

标签: symfony gulp assets

我需要在遗留应用程序中实现symfony中的gulp。遗产< - > symfony应用程序部分正在工作,但我有点卡在gulp< - > symfony部分。 'web'文件夹在我们的应用程序中称为html。在这个文件夹中,我有一个libs的组件文件夹,如bootstrap,jquery,...,以及js,css,image,...文件夹。在我们的js文件夹中,我们有一个config文件夹,它包含一些libs的默认配置(例如dataTables)和一个扩展文件夹,它包含一些自编写的js文件旁边的扩展名(例如jquery扩展名)。我需要将这些配置/扩展文件与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']
    }, ...
};`

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

这是一个好方法吗?或者,有没有更好的方法来管理symfony中的资产? (我知道你有Assetic包,但我们有时会使用es6,所以我们需要gulp用babel翻译一些js文件,这是不可能的(据我所知,有Assetic)

1 个答案:

答案 0 :(得分:0)

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

Symfony已经推出了“再加上”#39;用于资产管理。那是chapter about encore。 Encore使用webpack,这是一个众所周知的模块捆绑器。