使用Laravel Elixir在Gulp中编译资产子目录

时间:2015-02-14 19:23:15

标签: php laravel gulp laravel-5 laravel-elixir

我正在研究最终会成为一个非常大的应用程序,这意味着我的asssets /任何文件夹将包含可能的几百个文件(SCSS,js等)。

显然这会使管理它们有点棘手,所以我想将它们安排到我的应用程序的每个模块的子文件夹中。

e.g。我的应用程序的SAP部分将其样式和js存储如下:

资源/资产/ JS / SAP / myjs.js 资源/资产/ SASS / SAP / mysass.scss

在laravel-elixars配置中,您只能指定一个assetsDir路径:

var config = {
    production: !! util.env.production,
    srcDir: 'app',
    assetsDir: 'resources/assets/',
    cssOutput: 'public/css/_raw',
    jsOutput: 'public/js/_raw',
    bowerDir: 'vendor/bower_components',
    tasks: [],
    watchers: { default: {} },
    duplicate: [],
    concatenate: { css: [], js: [] }
};

如果您至少可以执行以下操作,那将是件好事:

...
assetsDir: ['resources/assets/SAP', 'resources/assets/Diary', ...],
...

或者甚至更好,让它根据assets目录中的目录自动映射输出路径。

1 个答案:

答案 0 :(得分:1)

找到了我的问题的解决方案。

对于css部分,我可以在master.scss文件中使用SASS的@import,只需@imports所有scss文件,用于项目的各个部分。

我想对于JS,我会用requirejs(?)做类似的事情。