node-build-script icon indicating copy to clipboard operation
node-build-script copied to clipboard

Create new task css-split

Open nimbupani opened this issue 12 years ago • 2 comments

The ant build script had a task that would split the original css file into 4 or 5 separate css files and replace the style.css with @ imports from all of these newly separated files.

It would be nice to recreate this in this build script too, and avoid issues like http://stackoverflow.com/questions/9695304/concatenating-csss-to-style-css-in-h5bp

nimbupani avatar Jun 03 '12 08:06 nimbupani

Thanks for opening the issue. I'll see what I can do.

I wonder if it should be the default in what generate the init task, or if should be added as an additional prompt step in the wizard/init task.

Something like:

/* =========================================================================
   CSS App imports.

   These imports are inlined and minified by the build script. If
   you don't intend to use a build script, do not use @import
   statements.
   ========================================================================== */


@import url('h5bp.css');
@import url('app.css');

with h5bp.css probably split into the same 4 or 5 separate css files than the ant build script.

mklabs avatar Jun 03 '12 10:06 mklabs

Definitely not default. Additional prompt step would be great! The CSS file already has markers to help this split (/*=!=…).

nimbupani avatar Jun 03 '12 17:06 nimbupani