Replace broccoli-sass with broccoli-compass in broccoli-sample-app

Question

I\'m attempting to replace broccoli-sass with broccoli-compass, in the Broccoli Ember Sample.

My app structure looks like:

app
public
styles
  app.sc         


        

Answer 1

I changed the brocfile styles preprocess to:

var styles = 'styles'
styles = pickFiles(styles, {
  srcDir: '/',
  destDir: appNamespace + '/styles'
})
styles = preprocess(styles)

and the compileSass call to:

var appCss = compileSass(appAndDependencies, appNamespace + '/styles/app.scss', {
    outputStyle: 'expanded',
    sassDir: appNamespace + '/styles',
    imagesDir: 'public/images/',
    cssDir: '/assets'
})

Similar to the answer here - Compiling Compass in an Ember-CLI project