backbone-boilerplate / grunt-bbb-styles Goto Github PK

This is breaking BBB on a fresh install: https://github.com/backbone-boilerplate/backbone-boilerplate/blob/wip/Gruntfile.js#L34

My css is like this
body {
letter-spacing: -0.3px;
background: url("../images/outer_bg.jpg") repeat;
}

after bbb-styles executes it became

body {letter-spacing: -0.3px; background: url("/app\images\outer_bg.jpg") repeat;}

See the backslash.

It fails loading on the browser

I'm using windows 8

It happens on path.join()

Is it possible to set path.sep globally for nodeJs?

regards

When importing stylesheets on a grunt build @font-face urls are getting incorrectly prepended with the forceRelative image url, and nested url calls which are required for correct processing aren't getting touched at all.

@font-face {
  font-family: Ratchicons;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ratchicons.eot");
  src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/ratchicons.woff") format("woff"), 
       url("../fonts/ratchicons.ttf") format("truetype"), 
       url("../fonts/ratchicons.svg#svgFontName") format("svg");
}

is getting rewritten to:

@font-face {font-family: Ratchicons; font-style: normal; font-weight: normal; src: url("/app/img/vendor/bower/ratchet/dist/fonts/ratchicons.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/ratchicons.woff") format("woff"), 
       url("../fonts/ratchicons.ttf") format("truetype"), 
       url("../fonts/ratchicons.svg#svgFontName") format("svg");}

As you can see the the first src url is completely removed and only the first nested one is aliased, but incorrectly prepended with the forceRelative url.

You can't specify an empty prefix since:

if (!options.prefix) {
      options.prefix = "./app/styles/";
}

where options.prefix = "" will evaluate to true and the prefix will be set to "./app/styles/"