Ember-Cli SASS设置

Question

我正在使用ember-cli-sass而不是broccoli-ruby-sass

这些是我已经完成的步骤

npm install --save-dev ember-cli-sass

bower install --save foundation

我启动后,我在控制台中收到此错误 ember server

我不明白为什么它说"找不到文件:/app/styles/app.scss"

我没有任何app.scss部分来自

我在配置中遗漏了一些东西,究竟是什么问题？

我正在使用三个sass文件

_global.sass
_music.sass
_player.sass

我在app.sass中导入它们

@import global
@import player
@import music

我正在阅读https://www.npmjs.com/package/ember-cli-sass,它说

在config/environment.js中指定一些包含路径:

ENV.sassOptions = {
  includePaths: [
    'bower_components/foundation/scss'
  ]
}

我对这些设置感到有点困惑,我需要一些建议

Answer 1

我认为您收到错误是因为您可能没有将app.css文件名更改为app.scss

你的app/styles文件夹你应该有一个app.scss在该文件中调用的文件我会把你的导入

// app.scss
   @import 'foundation';
   @import 'global';
   @import 'player';
   @import 'music';

然后你需要添加:

ENV.sassOptions = {
  includePaths: [
    'bower_components/foundation/scss'
  ]
}

对你config/environment.js这样:

module.exports = function(environment) {
  var ENV = {
    modulePrefix: 'test-sass',
    environment: environment,
    baseURL: '/',
    locationType: 'auto',
    sassOptions: {
      includePaths: [
        'bower_components/foundation/scss'
      ]
    },
    EmberENV: {
      FEATURES: {
   .....

如果您希望在ember-cli应用程序中使用基础,请使用ember-cli插件:https://www.npmjs.com/package/ember-cli-foundation-sass