SassPlugin沒有與保險箱的角度應用程序一起工作

Question

我在一個Angular應用程序中使用fusebox，我使用scss文件而不是常規的css。

我的插件可以這樣來配置：

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

Ng2TemplatePlugin用於能夠stylesUrl和templateUrl轉化爲常規的風格和模板與需要。

現在，我使用的一個scss導入一些其他的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

好吧，我管理，使這項工作，所以這裏有雲的情況下，它可以幫助別人：

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

所以，我用RawPlugin，要求SCSS在我的組件的String ，然後SassPlugin和CSSPlugin會照顧它。

此外，處理模板的HTMLPlugin。