如何在我的Ember项目中使用SASS和SCSS

Question

我们正在将现有的遗留项目迁移到Ember，我们的项目同时包含SASS和SCSS文件。我使用ember-cli-sass来处理SASS文件，包括一个选项＆＃34;扩展名：＆＃39; sass＆＃39;＆＃34;。它工作得非常好。但我如何配置此插件以同时使用.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，并为您的选择生成源地图。