如何在 vue cli 中配置 webfonts-loader webpack 模块答案

【问题标题】：How to config webfonts-loader webpack module in vue cli如何在 vue cli 中配置 webfonts-loader webpack 模块
【发布时间】：2019-07-04 07:50:42
【问题描述】：

尝试将svgs作为字体添加到我的项目中，我将此代码添加到我的vue.config文件中，构建和运行时没有错误，但也没有生成文件，


module.exports = {
  assetsDir: "./static/",
  productionSourceMap: false,
  chainWebpack: config => {
    config.module
        .rule('font-icons')
        .test(/\.font\.js/)
        .use('minicssextract-loader')
        .loader(MiniCssExtractPlugin.loader)
        .end()
        .use('css-loader')
        .loader('css-loader')
        .end()
        .use('webfonts-loader')
        .loader('webfonts-loader')
        .options({
            files: [
                './src/assets/svg/*.svg'
            ],
            'fontName': 'intelosFont',
            html: true,
            'classPrefix': 'inls-',
            'baseSelector': '.inls',
            'types': ['eot', 'woff', 'woff2', 'ttf', 'svg'],
            'fileName': 'app.dfdfdf.[ext]'

        })
        .end()
  }
};

【问题讨论】：

标签： vue.js webpack

【解决方案1】：

我建议你使用file-loader

      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "img/[name].[ext]"
            }
          }
        ]
      }

【讨论】：

据我了解，这是文件加载器的配置，而不是 webfonts-loader 的配置，这不是通过 chainWebpack 配置的，还是我遗漏了什么？
我觉得是一样的{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, use: { loader: "file-loader", options: { name: "fonts/[name].[ext]" } } }
那么解决方法是什么？你的代码到底是什么部分不是我的？谢谢