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

Question

我们正在将现有的遗留项目迁移到Ember,我们的项目同时包含SASS和SCSS文件.我正在使用ember-cli-sass来处理SASS文件,包括一个选项"extension:'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并为您的delectation生成源地图.