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