webpack4 引入mp3文件报错

Question

还没到打包那一步，在本地引入已报错了
文件路径没错啊


我配置有写file-loader

             {
                test: /\.mp3$/,
                use: [{
                  loader: "file-loader",
                  options: {
                    name: "[name].[ext]",
                    outputPath: "img/"
                  }
                }]
              }

Answer 1

{
     test: /\.mp3$/,
     use: [{
       loader: "url-loader",
       options: {
         name: "img/[name].[ext]",
       }
     }]
   }

         
          你改成这样试一下

Answer 2

试了网上的方法好像都不行，最终解决方法就是直接先把MP3文件传到服务器，然后在页面直接用绝对路径引用，这样就回避了webpack的打包，突然想到mp3,mp4这些媒体文件，用webpack打包也没啥意义啊！

Answer 3

require进来 或者直接放在build 文件夹里面