如何使用 Vue Cli 3 添加对 PDF 文件的支持？

Question

我需要配置 Webpack 以url-loader通过 Vue Cli（最新）接受和处理 PDF 文件。

vue.config.js

module.exports = {
  configureWebpack: {
    rules: [
      {
        test: /\.(pdf)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              name: 'files/[name].[hash:8].[ext]'
            }
          }
        ]
      }
    ]
  }
}

以上看起来正确还是我遗漏了什么？这方面的文档在这里：https : //github.com/vuejs/vue-cli/blob/dev/docs/webpack.md#basic-configuration

我收到错误：

WebpackOptionsValidationError：无效的配置对象。Webpack 已使用与 API 架构不匹配的配置对象进行初始化。配置有一个未知的属性“规则”。

我在这里显然缺少一些关于如何在 Vue 中增强生成的 Webpack 配置的理解。

帮助表示赞赏！谢谢

Answer 1

事实证明，我错过了rules阵列的另一个级别。

module: {}

所以它应该是完整的：

module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.(pdf)(\?.*)?$/,
          use: [
            {
              loader: 'url-loader',
              options: {
                name: 'files/[name].[hash:8].[ext]'
              }
            }
          ]
        }
      ]
    }
  }
}

我的错！希望这可以帮助那里的人。