SassPluginがFuseboxで角型アプリケーションと連携していません

Question

角型アプリケーションでfuseboxを使用していて、通常のcssではなくscssファイルを使用しています。

私のプラグインは、このように構成されていますNg2TemplatePluginが必要で定期的スタイルとテンプレートにstylesUrlとtemplateUrlを変換することができるように使用され

plugins: [ 
    [SassPlugin(), CSSPlugin()], 
    CSSPlugin(), 
    Ng2TemplatePlugin() 
    ] 

。

私が使用するscssの1つは、他のscssファイルをインポートすることです。

@import '../styles/globals'; 

.app { 
    height: 100vh; 
    display: flex; 
    flex-direction: column; 
} 

私がバンドルさapp.jsをチェックすると、私はこれを参照してください。

___scope___.file("app/app.component.scss", function(exports, require, module, __filename, __dirname){ 

@import '../styles/globals'; 

.app { 
    height: 100vh; 
    display: flex; 
    flex-direction: column; 
} 
}); 

は、私の知る限りでは、ヒューズボックスが../styles/globalsを輸入している必要がありますし、代わりに@importをここに追加します、それはしていない、と今私のアプリケーションを読み込むときにエラーが発生します。

私はSassPluginがそうすると考えていました。

おかげ

Answer 1

[OK]を、私はそれが誰かを助け場合ので、ここには行く、この作業を行うために管理：

plugins: [ 
    Ng2TemplatePlugin(), 
    ['*.component.scss', RawPlugin()], 
    HTMLPlugin({ 
     useDefault: false 
    }), 
    [SassPlugin(), CSSPlugin()], 
    CSSPlugin(), 
    WebIndexPlugin({ 
     path: '.', 
     template: 'src/index.html' 
    }) 
    ] 

だから、私は私のコンポーネントのStringとしてSCSSを必要とするRawPluginを使用SassPluginとCSSPluginが処理します。

また、テンプレートを処理するHTMLPlugin。