Ember-Cli SASS 设置

Question

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

这些是我完成的步骤

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

bower install --save foundation

我在启动 ember server

后在控制台中收到此错误

我不明白为什么说"File not found: /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

Answer 2

我认为 ember-cli-sass 默认会查找 sass 扩展名为 .scss 的文件。如果您使用的文件扩展名为.sass，您需要在sass选项中指定。

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

勾选https://github.com/aexmachina/ember-cli-sass

Ember-Cli SASS 设置

Ember-Cli SASS Settings

sass

ember.js

ember-cli