webpack：新的css-loader 4.0.0尝试加载字体（使它们嵌入）；如何禁用这个？

Question

在我的风格中，我有这样的字体面定义：

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), 
        url(/fonts/MaterialIcons-Regular.woff2) format('woff2'), 
        url(/fonts/MaterialIcons-Regular.woff) format('woff'), 
        url(/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

在我更新了css-loader到新版本4.0.0（几天前发布）后，我得到了那些错误（buding bundle）：

错误/src/index。scss模块生成失败（从./node_modules/css loader/dist/cjs.js）：错误：无法解析“/fonts/MaterialIcons”。woff2'in'D:\cot\EDelivery\EDelivery\EDelivery。注射。AspCore。位于钩子上的doResolve（D:\cot\EDelivery\EDelivery\EDelivery\EDelivery.Injected.AspCore.RegWebApp\node\u modules\enhanced resolve\lib\Resolver.js:209:21）的RegWebApp\src。callAsync（D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.RegWebApp\node\u modules\enhanced resolve\lib\Resolver.js:285:5）在(创建时求值（D:\cot\EDelivery\EDelivery\EDelivery.Injected.AspCore.RegWebApp\node\u modules\table\lib\HookCodeFactory.js:32:10），：15:1）

在新版本css加载器中，它似乎试图使字体成为embded。如何禁用此行为？（在此处找不到选项：https://webpack.js.org/loaders/css-loader/ )

我的配置是：

{
        test: /\.(scss|css)$/,
        use: [
            MiniCssExtractPlugin.loader,
            {
                loader: "css-loader",
                options: {
                    sourceMap: true
                }
            },
            { // ... postcss-loader, sass-loader




Answer 1

匿名用户

您可以像这样传递额外的参数来禁用该功能，而不是loader：“css loader”<代码>“css加载器？url=false”