webpack2 url-loader没有生效?

Question

1、只能把loading.gif copy到build目录才有用。url-loader没有生效。

<template>
    <div class="ui-loading">
    </div>
</template>
<style lang="less" scoped>
    .ui-loading {
        background: #fff url('./loading.gif') center center no-repeat;
        background-size: 2rem;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }
</style>
<script type="text/babel">
    export default{
        data(){
            return {
                msg: 'loading...'
            }
        },
        props: {
            propItem: {
                type: Object,
                default: function () {
                    return {
                        loading: false
                    }
                }
            }
        },
        computed: {},
        methods: {},
        components: {}
    }
</script>

//webapck2 打包的 没有效果
{
    test: /\.(gif)$/,
    loader: 'url-loader?limit=3000000!./file.gif',
    options: {
        name: '[name].[ext]?[hash]'
    }
}

Answer 1

url-loader?limit=3000000!./file.gif 后面的 !./file.gif 去掉。

query: {
    limit: 3000000,
    name: '[name].[ext]?[hash]'
}

另外，3M 以上才转 file-loader？

Answer 2

遇到同样的问题请问您怎么解决的呢