0

First, I'll post an example how I "think" it may be defined in a Brunch configuration file:

files:
    javascripts:
        joinTo:
             # $1 = first sub-match in RegExp
            'app_$1.js' : /^app_([a-z0-9]*)/
            'vendor.js' : /^vendor/

Essentially I'm trying to figure out a way to have multiple outputs based on the name of each "app_??????" folders the Javascript files are stored in.

So if you have this folder structure, you would get the following output:

brunch_project/
    app_300x250/
        other.js
        app.js
        index.html
    app_728x90/
        other.js
        app.js
        index.html

    public/
        app_300x250.js
        app_300x250.html
        app_728x90.js
        app_728x90.html
        vendor.js

Note:
True, I didn't show in the configuration how the HTML would get renamed/merged the same as the JS files, but that's how I'd like it to work ideally. Bonus high-fives for anyone who shows me how it's done!

chamberlainpi
  • 4,854
  • 8
  • 32
  • 63

1 Answers1

1

If you have only two variants, i'd suggest to just add files like app_728x90.html inside assets/ directories. Then, create subfolders with resolutions inside app/. And use it in regexps.

If you need more than two variants, you can use JavaScript / CoffeeScript code to generate the joinTo clause like that:

joinTo = {}
for res in resolutions
  joinTo[res] = ///^app\/#{res}///

exports.config = files: javascripts: joinTo: joinTo
Paul Miller
  • 1,960
  • 1
  • 13
  • 15
  • In my case it'll definitely be more than 2 files, so I'll likely use your suggested brunch config as Javascript (too unfamiliar to Coffeescript's syntax, for now!). Thanks! – chamberlainpi Sep 18 '15 at 20:11