Webpack、sass、URLでのCSSのインポート

Question

相対URLで宣言されたfont-faceを使用してCSSファイルをインポートします。

@import '~materialize-css/dist/css/materialize.min'; 

.register-container { 
    @extend .row; 
} 

角度ローラー！チェーンローダーチェーンは角度成分のスタイルであるため、使用します。

{ 
    test: /\.scss$/, 
    include: PathHelper.getPathFromRoot('src', 'app', 'modules'), 
    loader: 'raw!sass' 
}, 

これを実行すると、マテリアライズファイルの内容がコピーされます。そして、私はページを読み込むとき、相対パスが間違っているので、間違ったディレクトリからフォントを読み込もうとします。

フォントは、異なるローダーチェーンで別のファイルにロードするため動作します。チェーンは次のとおりです。！！？CSS解決-URL SASS

ので、フォントがありますが、問題は、CSSの内容が二回コピーされていることであり、それは前のパスからフォントを複数回ロードsourceMap

それについて何かできますか？そのため、CSSローダはCSSコンテンツをコピーしないことを知っているでしょうか？

Answer 1

$font-url: unquote("somefile.css"); 
@if variable-exists(font-url) { 
    @import url($font-url); 
} @else { 
    @error "sorry no dice"; 
} 

文字列関数

unquote($string) 

文字列から引用符を削除します。

- (Sass::Script::Value::String) unquote($string) 

文字列から引用符を削除します。文字列が引用符で囲まれていない場合、これは変更されずに戻ります。

例：

unquote("foo") => foo 
unquote(foo) => foo