アプリケーションにインポートする必要がある CSS ファイルがあります。そして私の問題は、Webpackが文字列"\f2e9"
を読めないものに置き換えることです。
例えば。それは私がインポートするスタイルシートの一部です:
.grid-cell.grid-cell-state-error:before {
font: normal 22px/28px "corefonticon";
content: "\f2e9";
}
.grid-cell.grid-cell-state-neutral:before {
font: normal 22px/28px "corefonticon";
content: "\f2e9";
}
そして、それがバンドルされた CSS ファイルでどのように見えるかです:
.grid-cell.grid-cell-state-error:before {
content: "";
font: normal 22px/28px corefonticon;
}
.grid-cell.grid-cell-state-neutral:before {
content: "";
font: normal 22px/28px corefonticon;
}
元のファイルでは、のすべての文字を変更できますcontent
。しかし同梱ファイルでは一文字です。
これが私のWebpack構成です:
{
test: /(\.s[ac]ss)|(\.css)$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{ loader: 'sass-loader', options: { sourceMap: !isProd } },
]
}
どうすれば防ぐことができますか?