support hashKey option (close vuejs#645)

Author: yyx990803

lib/gen-id.js

@@ -5,9 +5,9 @@ var hash = require('hash-sum')
 var cache = Object.create(null)
 var sepRE = new RegExp(path.sep.replace('\\', '\\\\'), 'g')
 
-module.exports = function genId (file, context) {
+module.exports = function genId (file, context, key) {
   var contextPath = context.split(path.sep)
   var rootId = contextPath[contextPath.length - 1]
-  file = rootId + '/' + path.relative(context, file).replace(sepRE, '/')
+  file = rootId + '/' + path.relative(context, file).replace(sepRE, '/') + (key || '')
   return cache[file] || (cache[file] = hash(file))
 }

lib/loader.js

@@ -62,7 +62,7 @@ module.exports = function (content) {
   var fileName = path.basename(filePath)
 
   var context = (this._compiler && this._compiler.context) || this.options.context || process.cwd()
-  var moduleId = 'data-v-' + genId(filePath, context)
+  var moduleId = 'data-v-' + genId(filePath, context, options.hashKey)
 
   var cssLoaderOptions = ''
   if (!isProduction && this.sourceMap && options.cssSourceMap !== false) {

test/test.js

@@ -162,9 +162,12 @@ describe('vue-loader', function () {
 
   it('scoped style', done => {
     test({
-      entry: './test/fixtures/scoped-css.vue'
+      entry: './test/fixtures/scoped-css.vue',
+      vue: {
+        hashKey: 'foo'
+      }
     }, (window, module) => {
-      var id = 'data-v-' + hash('vue-loader/test/fixtures/scoped-css.vue')
+      var id = 'data-v-' + hash('vue-loader/test/fixtures/scoped-css.vue' + 'foo')
       expect(module._scopeId).to.equal(id)
 
       var vnode = mockRender(module, {