我正在使用帶有HtmlWebpackPlugin,html-loader和file-loader. 我有一個(gè)簡單的項(xiàng)目結(jié)構(gòu)，其中我不使用任何框架，而只使用打字稿。因此，我將我的 HTML 代碼直接寫入index.html. 我也使用這個(gè) HTML 文件作為我在HtmlWebpackPlugin.正如所有網(wǎng)站一樣，我需要在我的資產(chǎn)文件夾中放置一個(gè)引用 PNG 的圖像。file-loader應(yīng)該正確加載文件將新文件名放在src標(biāo)簽內(nèi)，但這不是正在發(fā)生的事情。相反，作為src標(biāo)簽的值，我有[object Module]. 我假設(shè)它會發(fā)出一些對象，并且在運(yùn)行它的方法file-loader時(shí)它是這樣表示的。.toString()但是，我可以看到file-loader已成功處理文件并以新名稱將其發(fā)送到輸出路徑。我沒有錯(cuò)誤。這是我的 webpack 配置和index.html.const projectRoot = path.resolve(__dirname, '..');{  entry: path.resolve(projectRoot, 'src', 'app.ts'),  mode: 'production',  output: {    path: path.resolve(projectRoot, 'dist'),    filename: 'app.bundle.js'  },  resolve: {    extensions: ['.ts', '.js']  },  module: {    rules: [      {        test: /\.html$/i,        use: 'html-loader'      },      {        test: /\.(eot|ttf|woff|woff2|svg|png)$/i,        use: 'file-loader'      },      {        test: /\.scss$/i,        use: [          {            loader: MiniCssExtractPlugin.loader,            options: {              hmr: false            }          },          {            loader: 'css-loader',            options: {              sourceMap: false            }          },          {            loader: 'sass-loader',            options: {              sourceMap: false            }          }        ]      },      {        exclude: /node_modules/,        test: /\.ts$/,        use: 'ts-loader'      }    ]  },  plugins: [    new CleanWebpackPlugin(),    new HtmlWebpackPlugin({      template: path.resolve(projectRoot, 'src', 'index.html')    }),    new MiniCssExtractPlugin({      filename: '[name].[hash].css',      chunkFilename: '[id].[hash].css',      ignoreOrder: false    })  ]};