expose options for built-in languages

yyx990803 · yyx990803 · commit f880235d2e16 · 2015-10-17T17:27:37.000-04:00
diff --git a/README.md b/README.md
@@ -103,14 +103,19 @@ The default options used for Babel is:
 
 These options result in faster and smaller built code. This also means when using es6, **you need install both `babel` and `babel-runtime`**.
 
-## Registering Custom Pre-Processors
+## Pre-Processor Configuration
 
 Create a `vue.config.js` file at where your build command is run (usually y the root level of your project):
 
 ``` js
 module.exports = function (compiler) {
-  
-  // register a compile function for <script lang="es">
+
+  // configure the options for a built-in language
+  compiler.option('sass', {
+    includePaths: [...]
+  })
+
+  // register a custom compile function for <script lang="es">
   compiler.register({
     lang: 'es',
     type: 'script',
@@ -154,4 +159,6 @@ If you use Webpack, there's also [vue-loader](https://github.com/vuejs/vue-loade
 
 - `es6` transforms now uses loose mode and optional runtime by default. This means in addition to installing `babel`, you should also install `babel-runtime`.
 
+- Options for built-in pre-processors can now be configured in `vue.config.js`.
+
 - `vue-component-compiler` has been merged into `vueify`. It is now exposed as `require('vueify').compiler`.
diff --git a/lib/compilers/coffee.js b/lib/compilers/coffee.js
@@ -1,15 +1,15 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var coffee = require('coffee-script')
   } catch (err) {
     return cb(err)
   }
   try {
-    var js = coffee.compile(raw, {
-      bare: true
-    })
+    var js = coffee.compile(raw, options.coffee || {})
   } catch (err) {
     return cb(err)
   }
   cb(null, js)
-}
+}
diff --git a/lib/compilers/es6.js b/lib/compilers/es6.js
@@ -1,14 +1,13 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var babel = require('babel')
   } catch (err) {
     return cb(err)
   }
   try {
-    var res = babel.transform(raw, {
-      loose: 'all',
-      optional: ['runtime']
-    })
+    var res = babel.transform(raw, options.es6 || {})
   } catch (err) {
     return cb(err)
   }
diff --git a/lib/compilers/index.js b/lib/compilers/index.js
@@ -1,3 +1,5 @@
+var options = require('./options')
+
 // built-in compilers
 var compilers = module.exports = {
   script: {
@@ -50,7 +52,10 @@ compilers.loadConfig = function () {
   var configPath = path.resolve(process.cwd(), 'vue.config.js')
   if (fs.existsSync(configPath)) {
     require(configPath)({
-      register: compilers.register
+      register: compilers.register,
+      option: function (name, opts) {
+        options[name] = opts
+      }
     })
   }
 }
@@ -60,4 +65,4 @@ function warn (msg) {
     '[vue-component-compiler] Error attempting to' +
     'register custom compiler: ' + msg
   )
-}
+}
diff --git a/lib/compilers/jade.js b/lib/compilers/jade.js
@@ -1,13 +1,15 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var jade = require('jade')
   } catch (err) {
     return cb(err)
   }
   try {
-    var html = jade.compile(raw)({})
+    var html = jade.compile(raw)(options.jade || {})
   } catch (err) {
     return cb(err)
   }
   cb(null, html)
-}
+}
diff --git a/lib/compilers/less.js b/lib/compilers/less.js
@@ -1,14 +1,16 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var less = require('less')
   } catch (err) {
     return cb(err)
   }
-  less.render(raw, function (err, res) {
+  less.render(raw, options.less || {}, function (err, res) {
     // Less 2.0 returns an object instead rendered string
     if (typeof res === 'object') {
       res = res.css
     }
     cb(err, res)
   })
-}
+}
diff --git a/lib/compilers/myth.js b/lib/compilers/myth.js
@@ -1,11 +1,13 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var myth = require('myth')
   } catch (err) {
     return cb(err)
   }
   try {
-    var css = myth(raw)
+    var css = myth(raw, options || {})
   } catch (err) {
     return cb(err)
   }
diff --git a/lib/compilers/options.js b/lib/compilers/options.js
@@ -0,0 +1,12 @@
+module.exports = {
+  es6: {
+    loose: 'all',
+    optional: ['runtime']
+  },
+  coffee: {
+    bare: true
+  },
+  sass: {
+    sourceComments: true
+  }
+}
diff --git a/lib/compilers/sass.js b/lib/compilers/sass.js
@@ -1,14 +1,14 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var sass = require('node-sass')
   } catch (err) {
     return cb(err)
   }
-  sass.render({
+
+  var sassOptions = extend({
     data: raw,
-    options: {
-      sourceComments: 'normal'
-    },
     success: function (res) {
       if (typeof res === 'object') {
         cb(null, res.css)
@@ -19,13 +19,24 @@ module.exports = function (raw, cb) {
     error: function (err) {
       cb(err)
     }
-  },
-  // callback for node-sass > 3.0.0
-  function (err, res) {
-    if (err) {
-      cb(err)
-    } else {
-      cb(null, res.css.toString())
+  }, options.sass || {})
+
+  sass.render(
+    sassOptions,
+    // callback for node-sass > 3.0.0
+    function (err, res) {
+      if (err) {
+        cb(err)
+      } else {
+        cb(null, res.css.toString())
+      }
     }
-  })
-}
+  )
+}
+
+function extend (a, b) {
+  for (var key in b) {
+    a[key] = b[key]
+  }
+  return a
+}
diff --git a/lib/compilers/stylus.js b/lib/compilers/stylus.js
@@ -1,8 +1,10 @@
+var options = require('./options')
+
 module.exports = function (raw, cb) {
   try {
     var stylus = require('stylus')
   } catch (err) {
     return cb(err)
   }
-  stylus.render(raw, {}, cb)
-}
+  stylus.render(raw, options.stylus || {}, cb)
+}
