ember.js - 如何在我的Ember项目中使用SASS和SCSS

Question

我们正在将现有的旧项目迁移到Ember，并且我们的项目同时具有SASS和SCSS文件。我正在使用ember-cli-sass通过包括选项“扩展名:'sass'”来处理SASS文件。它工作正常，但是如何配置此插件以同时使用.sass和.scss文件。请帮忙!!

Answer 1

继续并安装ember-cli-sass软件包。

$ ember install ember-cli-sass

在ember-cli-build.js文件中:

// ember-cli-build.js
var app = new EmberApp(defaults, {
  sassOptions: {
    extension: 'sass'
  }
});

或者

// ember-cli-build.js
  let app = new EmberApp(defaults, {
    sassOptions: {
      extension: 'scss'
    }
  });

默认情况下，根据上述配置，此插件将app/styles/app.scss或app/styles/app.sass文件编译为dist/assets/app.css并为您的推荐生成源 map 。