Webpack Font Awesome 字体路径错误

Question

当我运行npm run production它时，它会构建我的 JS 和 CSS（来自 SASS）并将其放在我的 drupal 主题目录中。字体路径在我的fontawesome.css.

路径应该看起来像 ../fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

或者

/themes/<theme-name>/fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

但它们正在生成 /fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

我试图添加一个 webpack.config.js 文件以使其正常工作，但是我对此并没有太多运气，而且我真的不确定我在做什么。我从来没有真正让这个工作正常，但我在下面包含了我的代码。

const path = require('path');

const config = {
  src: './web/themes/<theme-name>/src/',
  dist: './web/themes/<theme-name>/'
};

module.exports = {
  entry: {
    main: config.src + 'js/app.js' ,
    sass: config.src + 'sass/app.scss'
  },
  output: {
    path: path.resolve(__dirname, config.dist)
  },
  module: {
    rules: [
      {
        test: /\.(eot|woff|woff2|ttf|svg)(\?\S*)?$/,
        use: [{
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: config.dist + 'fonts/',
            publicPath: '/themes/<theme-name>/fonts/'
          }
        }]
      }
    ]
  }
};

对此的任何帮助将不胜感激。