Webpack5在使用url-loader进行打包时，导致无法访问图片且重复引用资源

阅读量：

问题描述：

用webpack 5.45.1完成打包后，在打包完成后发现图片无法打开、文件重复出现。
在尝试使用websit进行开发时遇到了不少困难和挑战，在经过一番努力终于找到解决办法后在此进行记录。

测试项目结构：

在这里插入图片描述

webpack.config.js

复制代码

    const path = require('path')
    
    module.exports = {
      entry: './src/index.js',
      output: {
    path: path.resolve(__dirname,'dist'),
    filename: 'bundle.js'
      },
      mode: 'development',
      module: {
    rules: [
      {
        test: /\.(png|jpg|gif)$/i,
        use: [
          {
            loader: 'url-loader',

全部评论 (0)

还没有任何评论哟~