deal with 1.0 syntax in the HTML minifier (fix #19)

yyx990803 · yyx990803 · commit aa01c630973e · 2015-09-23T16:59:14.000-04:00
diff --git a/index.js b/index.js
@@ -10,6 +10,11 @@ var async = require('async')
 var compilers = require('./compilers')
 var Emitter = require('events').EventEmitter
 
+// required for Vue 1.0 shorthand syntax
+var htmlMinifyOptions = {
+  customAttrSurround: [[/@/, new RegExp('')], [/:/, new RegExp('')]]
+}
+
 var compiler = module.exports = new Emitter()
 
 // expose method for registering custom pre-processors
@@ -110,7 +115,7 @@ compiler.compile = function (content, filePath, cb) {
 
     // template
     if (template) {
-      template = JSON.stringify(htmlMinifier.minify(template))
+      template = JSON.stringify(htmlMinifier.minify(template, htmlMinifyOptions))
       output += 'var __vue_template__ = ' + template + ';\n'
     }
 
diff --git a/test/expects/basic.js b/test/expects/basic.js
@@ -1,5 +1,5 @@
 require("insert-css")("html{font-size:20px}");
-var __vue_template__ = "<h1>hello</h1>";
+var __vue_template__ = "<h1 :id=\"id\" @click=\"hi\">hello</h1>";
 var a = 123
 module.exports = {
   data: function () {
diff --git a/test/fixtures/basic.vue b/test/fixtures/basic.vue
@@ -5,7 +5,7 @@
 </style>
 
 <template>
-  <h1>hello</h1>
+  <h1 :id="id" @click="hi">hello</h1>
 </template>
 
 <script>
@@ -15,4 +15,4 @@ module.exports = {
     return 123
   }
 }
-</script>
+</script>
