2016-07-09 10 views
3

私はWebpackを初めて使用していますので、私の無知を許してください。Webpack/Angular 2:スタイルの順番を指定してください。

私は角2 &ブートストラップ/ jqueryの/フォント素晴らしいとのWebPACKを使用しています。私Vendor.tsファイルで

、私は次のコードを持っています。

// .... omitted 

// Misc 
import 'jquery'; 
import 'bootstrap-loader'; 
import 'font-awesome-webpack'; 

Main.tsでインポートしているグローバルスタイル(ページではなくページにスコープされています)を含むカスタムSCSSファイルがあります。

import "./site.scss"; 

問題は、(WebPACKのによりapp.cssに改名されます)site.scssがブートストラップら、前ヘッダ内に配置されていることです。

私はapp.cssは、ブートストラップCSSの後にロードする必要があります。

これを達成するためにどのように何かアドバイスは?

app.css loaded incorrect order

答えて

0

怠惰な解決策があります:SCSSを1つに別のCSSやSCSSファイルのインポートをサポートしています。

だから(以下のコードが上書きさつもりですので、最初にimport文を書く)あなたのケースでは、あなたのsite.scssファイルにブートストラップをインポートすることができますし、唯一site.scss使用しています。

詳細: Import regular CSS file in SCSS file?

関連する問題