如何在我的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

回答

相關問題