webpack 4和webfonts-loader

Question

webfonts-loader不能与webpack一起工作4. https://github.com/jeerbl/webfonts-loader

我想尽一切办法让webpack 4使用带有选项的webfonts加载器，或者只是使用myfont.font.js，尝试了json，它仍然是一样的，有没有人成功地让这个webfonts加载器生成器与webpack一起工作。我看不到错误，它只是静默地失败了。

    module: {
    rules: [
        {
           // svg font generator and loader
           test: /\.font\.js/,
           use: [
               'css-loader',
            {
        loader: 'webfonts-loader',
        options: {
        'files': [
        './whatever-font.svg'
    ],
    'fontName': 'customName',
    'dest': 'customfontfolder',
    'types': ['eot', 'woff', 'woff2', 'ttf', 'svg'],
    'fileName': '[fontname].[hash].[ext]' 
}}]},]
}

Answer 1

在这种情况下，您似乎需要使用文件加载器。你有像这样的测试字体扩展

{
   test: /\.(woff|ttf|otf|eot|woff2|svg)$/i,
   loader: "file-loader"
}

你可以阅读我的完整配置here