时间戳

首页 > 解决方案 > webpack 4 和 webfonts-loader

javascript - webpack 4 和 webfonts-loader

问题描述

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]' 
}}]},]
}

标签： javascriptnode.jswebpack

解决方案

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

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

你可以在这里阅读我的完整配置

推荐阅读