Added support for browserify transform options. (vuejs#89)

unidwell · yyx990803 · commit af96700d16f3 · 2016-05-27T15:53:33.000-04:00
diff --git a/README.md b/README.md
@@ -58,7 +58,7 @@ Under the hood, the transform will:
 - extract the styles, compile them and insert them with the `insert-css` module.
 - extract the template, compile it and add it to your exported options.
 
-You can `require()` other stuff in the `<script>` as usual. ~~Note that for CSS-preprocessor @imports, the path should be relative to your project root directory.~~ Starting in 7.0.0, `@import` in LESS, SASS and Stylus files can be either relative to your build tool root working directory, or to the file being edited.
+You can `require()` other stuff in the `<script>` as usual. ~~Note that for CSS-preprocessor @imports, the path should be relative to your project root directory.~~ Starting in 7.0.0, `@import` in LESS, SASS and Stylus files can be either relative to your build tool root working directory, or to the file being edited. Or one can set import paths in options.
 
 ## Usage
 
@@ -108,7 +108,7 @@ var fs = require("fs")
 var browserify = require('browserify')
 var vueify = require('vueify')
 
-browserify('./entry.js')
+browserify('./main.js')
   .transform(vueify)
   .bundle()
   .pipe(fs.createWriteStream("bundle.js"))
@@ -146,10 +146,10 @@ These are the built-in preprocessors:
 
 - stylus
 - less
-- scss (via `node-sass`)
+- scss (via `node-sass`, use `sass` in [config section](#configuring-options))
 - jade
 - pug
-- coffee-script
+- coffee-script (use `coffee` in [config section](#configuring-options))
 
 ## Autoprefix by Default
 
@@ -220,12 +220,30 @@ vueify.compiler.applyConfig({
   // ...same as in vue.config.js
 })
 
-browserify('./entry.js')
+browserify('./main.js')
   .transform(vueify)
   .bundle()
   .pipe(fs.createWriteStream("bundle.js"))
 ```
 
+Or simply pass configuration object to `vueify` (in Node) (for instance to set sass search paths as in the following example):
+
+``` js
+var fs = require("fs")
+var browserify = require('browserify')
+var vueify = require('vueify')
+
+browserify('./main.js')
+  .transform(vueify, {
+    sass: {
+      includePaths: [...]
+    },
+    // ...same as in vue.config.js
+  })
+  .bundle()
+  .pipe(fs.createWriteStream("bundle.js"))
+```
+
 ### Scoped CSS
 
 > Experimental
diff --git a/index.js b/index.js
@@ -3,15 +3,17 @@ var compiler = require('./lib/compiler')
 
 compiler.loadConfig()
 
-module.exports = function vueify (file) {
+module.exports = function vueify (file, options) {
   if (!/.vue$/.test(file)) return through()
+  compiler.applyConfig(options)
+
   var data = ''
   var stream = through(write, end)
 
   function dependency(file) {
     stream.emit('file', file)
   }
-  
+
   function write(buf) {
     data += buf
   }
