title: vue + webpack project img cannot load static src
body: <p>In my vue(2.0)+ webpack project, I config vue-html-loader, but in my .vue files img tag cannot load static src images.
  Below is my webpack config:</p>
  
  <pre><code>module: {
      loaders: [
          ...
          {
              test: /\.html$/,
              exclude: /node_modules/,
              loaders: ['html', 'html-minify']
          }
          , {
              test: /\.vue$/,
              loader: 'vue'
          }
          ...
      ]
  },
  vue: {
      ...
      html: {
          root: path.resolve(__dirname, './source/static'),
          attrs: ['img:src', 'img:srcset']
      },
      loaders: {
          css: ExtractTextPlugin.extract("css"),
          sass: ExtractTextPlugin.extract("css!sass")
      }
  },
  resolve: {
      root: [
          path.resolve('./source')
      ],
      extensions: ['', '.js', '.json', '.scss', '.html', '.css', '.vue'],
      alias: {
          'vue': 'vue/dist/vue.js'
      }
  },
  </code></pre>
  
  <p>Below is my .vue file:</p>
  
  <pre><code>&lt;img src="/web/img/sieleLogo@1x.png" srcset="/web/img/sieleLogo@2x.png" /&gt;
  </code></pre>
  
  <p>My browser always come out 404 error. Did somebody get the same problem?</p>