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

Question

我正在研究最终将是一个很大的应用程序，这意味着我的资产/任何文件夹可能包含数百个文件（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', ...],
...

甚至更好的是，它可以根据资产目录中的目录自动映射输出路径。

Answer 1

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

对于它的css部分，我可以在master.scss文件中使用SASS的@import，该文件仅@import为项目的各个位导入所有的scss文件。

我猜对于JS，我会对requirejs（？）做类似的事情。