5.0.4: expose postcss plugins

yyx990803 · yyx990803 · commit baf10d5cc2b7 · 2015-11-06T16:58:28.000-05:00
diff --git a/README.md b/README.md
@@ -135,10 +135,6 @@ module.exports = {
 }
 ```
 
-## Autoprefix by Default
-
-Starting in 5.0.0, all CSS output via vueify will be autoprefixed by default. See [config section](#configuring-options) on customizing the options.
-
 ## Enabling Pre-Processors
 
 You need to install the corresponding node modules to enable the compilation. e.g. to get stylus compiled in your Vue components, do `npm install stylus --save-dev`.
@@ -152,6 +148,14 @@ These are the built-in preprocessors:
 - coffee-script
 - myth
 
+## Autoprefix by Default
+
+Starting in 5.0.0, all CSS output via vueify will be autoprefixed by default. See [config section](#configuring-options) below on customizing the options.
+
+## PostCSS
+
+Vueify uses PostCSS for scoped CSS rewrite and autoprefixing. You can also provide your own PostCSS plugins! See [config section](#configuring-options) below for an example.
+
 ## Configuring Options
 
 Create a `vue.config.js` file at where your build command is run (usually the root level of your project):
@@ -162,6 +166,8 @@ module.exports = {
   sass: {
     includePaths: [...]
   },
+  // provide your own postcss plugins
+  postcss: [...],
   // configure autoprefixer
   autoprefixer: {
     browsers: ['last 2 versions']
@@ -177,6 +183,18 @@ module.exports = {
 }
 ```
 
+Example using custom PostCSS plugin:
+
+``` js
+var cssnext = require('cssnext')
+
+module.exports = {
+  postcss: [cssnext()],
+  // disable autoprefixer since cssnext comes with it
+  autoprefixer: false
+}
+```
+
 Alternatively, if you are using `vueify` in Node and don't want to create a `vue.config.js` file:
 
 ``` js
@@ -271,6 +289,10 @@ If you use Webpack, there's also [vue-loader](https://github.com/vuejs/vue-loade
 
 ## Changelog
 
+### 5.0.4
+
+- Added `postcss` option for providing custom PostCSS plugins.
+
 ### 5.0.0
 
 - New: CSS output is now autoprefixed by default.
diff --git a/lib/style-rewriter.js b/lib/style-rewriter.js
@@ -44,7 +44,7 @@ module.exports = function (id, css, scoped) {
   if (val) {
     return Promise.resolve(val)
   } else {
-    var plugins = []
+    var plugins = options.postcss || []
     // scoped css rewrite
     if (scoped) {
       plugins.push(addId)
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vueify",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Vue component transform for Browserify",
   "main": "index.js",
   "repository": {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vueify",`
`3`		`- "version": "5.0.3",`
	`3`	`+ "version": "5.0.4",`
`4`	`4`	`"description": "Vue component transform for Browserify",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"repository": {`