2

アプリケーションにインポートする必要がある 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 } },
  ]
}

どうすれば防ぐことができますか?

4

0 に答える 0