webpack 打包 vue 程序图片路径问题

这是我的配置文件

webpack.config.js(通过 yeome 生成( https://github.com/birdgg/generator-vuejs))

{ test: /\.(png|jpg)$/, loader: 'file' },
{ test: /\.(png|jpg)$/, loader: 'url?limit=10000'},

home.vue

<script>
	import gift from '../assets/images/gift.png'
    export default {
        data: function() {
            return {
                img: gift
            }
        }
    }
</script>
<img :src="img" alt="">

如果去掉这句

{ test: /\.(png|jpg)$/, loader: 'url?limit=10000'}

然后每次使用一个新图片 先执行 npm build(webpack)命令 之后 就可以正常使用

现在有如下几个问题:

1.这句是做什么的 是不是把小的图片转换成 base64 ，如果不去掉的话现在图片显示不出来。

2.能不使用 npm build(webpack) 命令 直接 npm run dev 就可以正常使用这个图片