webpack无法解析JS中的图片

Question

代码如下, 希望使用JS来加载图片, 使用webpack打包:

        var img = new Image();
        img.src = './src/assets/logo.png';
        img.onload = function(){

        }
        img.onerror = function(){
            console.log('rejecty')
        }

然后当然就是失败了...
webpack可以解析JS中的图片吗? 求解!

Answer 1

可以用require（‘/xxx.img’）

Answer 2

要添加一个url-loader，可以参考这里。在webpack.config.js中添加

 {
         test: /\.(png|jpe?g|gif)/,
         loader: 'url?limit=1024&name=img/[name].[ext]'
 }

Answer 3

webpack啥都能打包啊哈哈哈
对图片来说，主要是用url-loader/file-loader，具体怎么做请看《webpack多页应用架构系列（六）：听说webpack连图片和字体也能打包？》