javascript - webpack 4 和 webfonts-loader

Question

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

尝试了一切让 webpack 4 使用带有选项的 webfonts-loader 或只使用 myfont.font.js，尝试使用 json 但它仍然是一样的，有没有人成功地让这个 webfonts-loader 生成器工作与 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