move postcss config to package.json

Author: egoist

docs/postcss.md

@@ -1,15 +1,8 @@
 # PostCSS
 
-This default settings for `postcss-loader` in Vuepack:
+By default we only use `autoprefixer` and `postcss-nested` in PostCSS,
+you can update `postcss` field in `package.json` to use custom plugins.
 
-```js
-[
-  require('autoprefixer')({
-    // Vue does not support ie 8 and below
-    browsers: ['last 2 versions', 'ie > 8']
-  }),
-  require('postcss-nested')
-]
-```
+## Autoprefixer
 
-You can update it in `./build/config.js`.
+Autoprefixer respects the `browserslist` field in `package.json`, the default value we use is: `['ie > 8', 'last 2 versions']`

template/build/config.js

@@ -6,15 +6,7 @@ module.exports = {
   title: '{{name}}',
   // when you use electron please set to relative path like ./
   // otherwise only set to absolute path when you're using history mode
-  publicPath: '{{#if electron}}.{{/if}}/',
-  postcss: [
-    // add prefix via postcss since it's faster
-    require('autoprefixer')({
-      // Vue does not support ie 8 and below
-      browsers: ['last 2 versions', 'ie > 8']
-    }),
-    require('postcss-nested')
-  ],{{#if electron}}
+  publicPath: '{{#if electron}}.{{/if}}/',{{#if electron}}
   electron: true,{{/if}}{{#if jsx}}
   cssModules: true,
   jsx: true{{/if}}

template/build/utils.js

@@ -53,11 +53,7 @@ _.loadersOptions = () => {
     options: {
       // css-loader relies on context
       context: process.cwd(),
-      // postcss plugins apply to .css files
-      postcss: config.postcss,
       vue: {
-        // postcss plugins apply to css in .vue files
-        postcss: config.postcss,
         loaders: {
           css: generateLoader([]),
           sass: generateLoader(['sass-loader?indentedSyntax&sourceMap']),

template/package.json

@@ -27,6 +27,13 @@
       }]
     ]
   },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {},
+      "postcss-nested": {}
+    }
+  },
+  "browserslist": ["last 2 versions", "ie > 8"],
   "dependencies": {
     "babel-runtime": "^6.18.0",
     "promise-polyfill": "^6.0.2",