ember.js - Reemplace brócoli-sass con brócoli-brújula en brócoli-sample-app

compass-sass broccolijs

Question

Estoy intentando reemplazar el brócoli-sass por brócoli-brújula en la muestra de brócoli y ámbar .

La estructura de mi aplicación se ve así:

app
public
styles
  app.scss

Brocfile:

...
var compileSass = require(''broccoli-compass'')
...
var appNamespace = ''my-app-name'';

function preprocess (tree) {
  tree = filterTemplates(tree, {
    extensions: [''hbs'', ''handlebars''],
    compileFunction: ''Ember.Handlebars.compile''
  })

  return tree
}

var app = ''app''
app = pickFiles(app, {
  srcDir: ''/'',
  destDir: appNamespace // move under app namespace
})
app = preprocess(app)

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

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

var vendor = ''vendor''

var sourceTrees = [app, styles, vendor]
if (env !== ''production'') {
  sourceTrees.push(tests)
}
sourceTrees = sourceTrees.concat(findBowerTrees())

var appAndDependencies = new mergeTrees(sourceTrees, { overwrite: true })

var appJs = compileES6(appAndDependencies, {
  loaderFile: ''loader.js'',
  ignoredModules: [
    ''ember/resolver''
  ],
  inputFiles: [
    appNamespace + ''/**/*.js''
  ],
  legacyFilesToAppend: [
    ''jquery.js'',
    ''handlebars.js'',
    ''ember.js'',
    ''ember-resolver.js''
  ],
  wrapInEval: false,
  outputFile: ''/assets/app.js''
})

var appCss = compileSass(appAndDependencies, ''styles/app.scss'')

var publicFiles = ''public''

module.exports = mergeTrees([appJs, appCss, publicFiles])

Sin embargo, recibo el siguiente error al llamar al broccoli serve :

[Bróculi-brújula] Error: No hay tal archivo o directorio - /Users/my.name/Documents/Code/broccoli-ember/tmp/tree_merger-tmp_dest_dir-4rW9S0CD.tmp/styles/app.scss

¿Alguna idea de lo que me falta aquí?

Answer 1

Cambié el preproceso de estilos de archivo a:

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

y la llamada compileSass a:

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

Similar a la respuesta aquí: compilación de Compass en un proyecto Ember-CLI