使用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（？）做類似的事情。