No hash value causes the cache problem

Describe the issue / bug.

No hash value causes the cache problem

How can I reproduce this problem?

assets/image/a/1.png assets/image/b/1.png when you use both at the same time, a/1.png will be replaced by b/1.png because their names are the same

bugfix

      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        use: {
          loader: 'url-loader',
          query: {
            limit: 10000,
            name: 'imgs/[name].[hash:7].[ext]'
          }
        }
      },

[SimulatedGREG]

The problem that @chenweiqun originally mentioned would produce the following output, which contains only 1 logo.png instead of 2 different logo.pngs.

Hash: 1f29967d01d8a29a16de                                                           
Version: webpack 2.7.0
Time: 9768ms
                              Asset       Size  Chunks             Chunk Names
                      imgs/logo.png    61.9 kB          [emitted]  
                        renderer.js     100 kB       0  [emitted]  renderer
                         styles.css    1.25 kB       0  [emitted]  renderer
                         index.html  352 bytes          [emitted]  

Because both a/logo.png and b/logo.png have the same filename, only the latter is produced since a/logo.png gets overwritten by b/logo.png. Applying the [path] can ensure both assets are properly produced. It would be worth creating a PR to file-loader to create another hashing option based on the file path.

Should we support such use case? Your change impacts other users, and it is questionable for me, because it is clearly stated, that static files should be in the static, and src for text source files.

This is more of a webpack situation, as it is able to step into all component file imports and pass them through to url-loader/file-loader. Importing assets inside components through vue-loader and/or accessing them directly from static/ is a vuejs-templates/webpack implementation that has been adopted by many users. Supporting both is necessary for certain frameworks that can internally require their own assets, therefore allowing webpack to further optimize outputs when possible. electron-vue mirrors that approach already, so the above change does not impact users. In the end, src is not just for text files.

[SimulatedGREG]

Added in https://github.com/SimulatedGREG/electron-vue/commit/f28f53a218eb60627f613fe9c898ddfca9eac5a7