node.js - 如何将 webfonts 和图像加载器添加到 webpack

Question

我想在我的项目中包含 webfonts 和图像加载器。我的 webpack 配置中有以下规则：

  {
    test: /\.(png|svg|jpg|gif)$/,
    use: [
      {
        loader: "file-loader",
        options: {
          outputPath: "./images",
          publicPath: "./images",
          name: "./[name].[ext]",
        },
      },
    ],
  },
  {
    test: /\.(woff|woff2|eot|ttf|svg)$/,
    loader: "url-loader",
    options: {
      outputPath: "./webfonts",
      publicPath: "./webfonts",
      name: "./[name].[ext]",
    },
  },

但是当我运行npm run build它时，它将 webfonts 构建到 dist 文件夹中的 /images 文件夹中。如何防止 webpack 这样做？

标签： node.jswebpack