Merge branch 'next' of github.com:vuejs/vue-loader into next

Author: yyx990803

lib/template-compiler.js

@@ -5,19 +5,30 @@ var beautify = require('js-beautify').js_beautify
 var normalize = require('./normalize')
 var hotReloadAPIPath = normalize.dep('vue-hot-reload-api')
 
-// vue compiler module for using file-loader img src
+// vue compiler module for using transforming `<tag>:<attribute>` to `require`
+var defaultTransformToRequire = {
+  img: 'src'
+}
+var transformToRequire = Object.assign({}, defaultTransformToRequire)
 var options = {
   modules: [{
     postTransformNode (el) {
-      if (el.tag === 'img') {
-        el.attrs && el.attrs.some(rewrite)
+      for (var tag in transformToRequire) {
+        if (el.tag === tag && el.attrs) {
+          var attributes = transformToRequire[tag]
+          if (typeof attributes === 'string') {
+            el.attrs.some(attr => rewrite(attr, attributes))
+          } else if (Array.isArray(attributes)) {
+            attributes.forEach(item => el.attrs.some(attr => rewrite(attr, item)))
+          }
+        }
       }
     }
   }]
 }
 
-function rewrite (attr) {
-  if (attr.name === 'src') {
+function rewrite (attr, name) {
+  if (attr.name === name) {
     var value = attr.value
     var isStatic = value.charAt(0) === '"' && value.charAt(value.length - 1) === '"'
     if (!isStatic) {
@@ -38,6 +49,9 @@ module.exports = function (html) {
   this.cacheable()
   var query = loaderUtils.parseQuery(this.query)
   var isServer = this.options.target === 'node'
+  if (this.options.vue && this.options.vue.transformToRequire) {
+    Object.assign(transformToRequire, this.options.vue.transformToRequire)
+  }
   var compiled = compiler.compile(html, options)
   var code
   if (compiled.errors.length) {