vue add postcss

@@ -67,10 +67,10 @@ app.use(session({
         domain: 'yohoblk.com',
         domain: 'yohoblk.com',
         httpOnly: false
         httpOnly: false
     },
     },
-    store: new MemcachedStore({
-        hosts: config.memcache.session,
-        prefix: 'yohoblk_session:'
-    })
+    // store: new MemcachedStore({
+    //     hosts: config.memcache.session,
+    //     prefix: 'yohoblk_session:'
+    // })
 }));
 }));
 
 
 app.use((req, res, next) => {
 app.use((req, res, next) => {

@@ -178,7 +178,11 @@ gulp.task('postcss', ['assets'], () => {
 // webpack dev server
 // webpack dev server
 gulp.task('webpack-dev-server', () => {
 gulp.task('webpack-dev-server', () => {
     var devConfig = Object.assign({}, webpackConfig, {
     var devConfig = Object.assign({}, webpackConfig, {
-        debug: true
+        debug: true,
+        vue: {
+            postcss: postcssPlugin(env.dev),
+            autoprefixer: false
+        }
     });
     });
 
 
     new WebpackDevServer(webpack(devConfig), {
     new WebpackDevServer(webpack(devConfig), {
@@ -201,7 +205,12 @@ gulp.task('webpack-dev-server', () => {
 
 
 // webpack compile in pro
 // webpack compile in pro
 gulp.task('webpack', (done) => {
 gulp.task('webpack', (done) => {
-    const proConfig = Object.assign({}, webpackConfig);
+    const proConfig = Object.assign({}, webpackConfig, {
+        vue: {
+            postcss: postcssPlugin(env.pro),
+            autoprefixer: false
+        }
+    });
 
 
     proConfig.output.path = dist.js;
     proConfig.output.path = dist.js;
 
 

 <template>
 <template>
     <div class="test">
     <div class="test">
         {{message}}
         {{message}}
+
+        <div class="test2"></div>
     </div>
     </div>
 </template>
 </template>
 
 
@@ -17,5 +19,10 @@
 <style>
 <style>
     .test {
     .test {
         color: green;
         color: green;
+
+        .test2 {
+            background: #000;
+            display: flex;
+        }
     }
     }
 </style>
 </style>