html - Webpack 更改 CSS 样式中的字符集

Question

我有一个 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 } },
  ]
}

---

我该如何预防？