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

【问题标题】：Compiling assets subdirectories in Gulp with Laravel Elixir使用 Laravel Elixir 在 Gulp 中编译资产子目录
【发布时间】：2015-02-14 19:23:14
【问题描述】：

我正在研究最终会成为一个非常大的应用程序，这意味着我的资产/任何文件夹将可能包含数百个文件（SCSS、js 等）。

显然，这会使管理它们变得有些棘手，因此我想将它们安排到我的应用程序的每个模块的子文件夹中。

例如我的应用程序的 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', ...],
...

或者更好的是，让它根据资产目录中的目录自动映射输出路径。

【问题讨论】：

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

【解决方案1】：

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

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

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

【讨论】：