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

我们正在将我们现有的遗留项目迁移到Ember，并且我们的项目同时具有SASS和SCSS文件。我使用ember-cli-sass通过包含一个选项“extension：'sass'”来处理SASS文件。它工作的非常好。但是我怎么配置这个插件同时使用.sass和.scss文件。请帮忙！！如何在我的Ember项目中使用SASS和SCSS

来源

2016-12-14 Mega Mydear

正如您所提到的，记录的设置似乎可以添加sass扩展名。

ember install ember-cli-sass

在ember-cli-build.js文件：

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

目前这种配置意味着灰烬会寻找一个名为app.sass文件。不幸的是，这也意味着您的入口点有app.scss将无法工作。也许这对你的使用情况并不理想，但希望这不是一个交易断路器。

从那里

但是你可以@include从app.sass文件都scss和sass文件，它们都将被打包成你app.css。

如果您需要从appliation，其中一些来自.sass文件和一些来自.scss文件，然后（写作的）这是要采取内the ember-cli-sass code一些工作支持多种输出路径。在ember-cli-build.js文件中直接使用broccoli-sass plugin可能会有更好的运气。

来源

2016-12-14 03:37:47 Mitch

感谢您的建议。将试试这个，让你知道这是否有效。此外，我正在使用ember-component-css进行模块化设计。目前该系统对于结合了ember-cli-sass和ember-component-css的sass文件来说绝对正常。那么可以使用sass和scss这两个插件来处理您提出的更改？ –

我没有使用ember-component-css，但它看起来像使用https://github.com/postcss/postcss-scss而不是broccoli-sass，所以相同的配置将不起作用。您可能只需要更好的时间将所有SASS代码转换为相同的格式（可能* .scss），并使用sass-convert参见：http://sass-lang.com/documentation。 – Mitch

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

回答

相关问题