autoprefix

Author: yyx990803

lib/compiler.js

@@ -227,11 +227,7 @@ function processStyle (node, filePath, id) {
   var lang = checkLang(node)
   return compileAsPromise('style', style, lang)
     .then(function (res) {
-      if (isScoped(node)) {
-        return rewriteStyle(id, res.source)
-      } else {
-        return res
-      }
+      return rewriteStyle(id, res.source, isScoped(node))
     })
     .then(function (res) {
       if (process.env.NODE_ENV === 'production') {

lib/compilers/options.js

@@ -1,4 +1,7 @@
 module.exports = {
+  autoprefixer: {
+    remove: false
+  },
   babel: {
     loose: 'all',
     optional: ['runtime'],

lib/style-rewriter.js

@@ -1,6 +1,7 @@
 var postcss = require('postcss')
 var selectorParser = require('postcss-selector-parser')
 var cache = require('lru-cache')(100)
+var options = require('./compilers/options')
 
 var currentId
 var addId = postcss.plugin('add-id', function () {
@@ -22,17 +23,28 @@ var addId = postcss.plugin('add-id', function () {
  *
  * @param {String} id
  * @param {String} css
+ * @param {Boolean} scoped
  * @return {Promise}
  */
 
-module.exports = function (id, css) {
+module.exports = function (id, css, scoped) {
   var key = id + '!!' + css
   var val = cache.get(key)
   if (val) {
     return Promise.resolve(val)
   } else {
     currentId = id
-    return postcss([addId])
+
+    var processors = []
+    if (scoped) {
+      processors.push(addId)
+    }
+    if (options.autoprefixer !== false) {
+      var autoprefixer = require('autoprefixer')(options.autoprefixer)
+      processors.push(autoprefixer)
+    }
+
+    return postcss(processors)
       .process(css)
       .then(function (res) {
         var val = {

test/expects/autoprefix.js

@@ -0,0 +1 @@
+var __vueify_style__ = require("vueify-insert-css").insert("body{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}")

test/fixtures/autoprefix.vue

@@ -0,0 +1,5 @@
+<style>
+body {
+  transform: scale(1);
+}
+</style>