Add ejs support

README.md

@@ -146,6 +146,7 @@ These are the preprocessors supported by vueify out of the box:
 - scss (via `node-sass`, use `sass` in [config section](#configuring-options))
 - jade
 - pug
+- ejs
 - coffee-script (use `coffee` in [config section](#configuring-options))
 
 ## PostCSS

lib/compilers/ejs.js

@@ -0,0 +1,12 @@
+var ensureRequire = require('../ensure-require.js')
+
+module.exports = function (raw, cb, compiler) {
+  ensureRequire('ejs', 'ejs')
+  var ejs = require('ejs')
+  try {
+    var html = ejs.render(raw, compiler.options.ejs || {})
+  } catch (err) {
+    return cb(err)
+  }
+  cb(null, html)
+}

lib/compilers/index.js

@@ -7,5 +7,6 @@ module.exports = {
   scss: require('./sass'),
   stylus: require('./stylus'),
   jade: require('./jade'),
-  pug: require('./pug')
+  pug: require('./pug'),
+  ejs: require('./ejs')
 }

package.json

@@ -24,6 +24,7 @@
     "chalk": "^1.1.1",
     "convert-source-map": "^1.2.0",
     "cssnano": "^3.3.2",
+    "ejs": "^2.5.2",
     "hash-sum": "^1.0.2",
     "lru-cache": "^4.0.0",
     "object-assign": "^4.0.1",

test/fixtures/ejs-template-import.ejs

@@ -0,0 +1,3 @@
+<div>
+  <h1>hello</h1>
+</div>

test/fixtures/ejs-template-import.vue

@@ -0,0 +1 @@
+<template lang="ejs" src="./ejs-template-import.ejs"></template>

test/fixtures/ejs.vue

@@ -0,0 +1,5 @@
+<template lang="ejs">
+<div>
+  <h1>This is the app</h1><comp-a></comp-a><comp-b></comp-b>
+</div>
+</template>

test/test.js

@@ -92,6 +92,17 @@ describe('vueify', () => {
     )
   })
 
+  test('ejs', window => {
+    var module = window.vueModule
+    assertRenderFn(module,
+      '<div>' +
+        '<h1>This is the app</h1>' +
+        '<comp-a></comp-a>' +
+        '<comp-b></comp-b>' +
+      '</div>'
+    )
+  })
+
   test('scoped-css', window => {
     var module = window.vueModule
     var id = 'data-v-' + genId(require.resolve('./fixtures/scoped-css.vue'))
@@ -123,6 +134,11 @@ describe('vueify', () => {
     assertRenderFn(module, '<div><h1>hello</h1></div>')
   })
 
+  test('ejs-template-import', window => {
+    var module = window.vueModule
+    assertRenderFn(module, '<div><h1>hello</h1></div>')
+  })
+
   test('script-import', window => {
     var module = window.vueModule
     expect(module.data().msg).to.contain('Hello from Component A!')