Webpack文件加载器无法生成PDF文件

Question

我正在使用简单的'ol jQuery，sass和html进行编码。我正在尝试创建一个简单的PDF html下载链接，但是我不知道如何在webpack配置中使用文件加载器来编译pdf文件...我想知道文件加载器是否正确为此（我使用的是1.1.6版）。

我尝试在webpack.config.js文件的'test：/.(gif|png|jpe?g)$/'中添加'pdf'，使其读取为'test：/.(gif|png | jpe？g | pdf）$ /'-它不起作用。这是在删除并重新安装node_modules和dist之后。我还手动将pdf文件添加到我的dist文件中，以确保它不是HTML之类的问题。在那之后它确实起作用了，但是我想让它自己在我的webpack环境中构建。

//webpack.config.js file, using file-loader 1.1.6

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },

  devtool: 'eval-source-map',
  devServer: {
    contentBase: './dist'
  },

  module: {
   rules: [
     {
       test: /\.(gif|png|jpe?g|pdf)$/,
       use: [
         {
           loader: 'file-loader',
           options: {
             name: '[name].[ext]',
             outputPath: 'assets/images/'
            }
         }
       ]
     }
   ]
  }
};

// HTML download link

<a href="./assets/images/filename.pdf" download>
  <div class="this class">
     <p>Linktext</p>
  </div>
</a>

我希望我的.pdf文件可以在dist文件夹中编译，但不会出现。

我的其他图像文件正在加载到dist文件夹中的正确文件路径中，而不是.pdf文件，.gif文件或（很奇怪）大的.png文件。我真的只在乎.pdf文件。所有其他图像都可以正常加载；它们都是.png和jpeg文件。