postcss 插件调整

 {
 {
-    "extends": "yoho"
+    "extends": "yoho",
+    "plugins": ["html"]
 }
 }

@@ -57,6 +57,7 @@
     "css-loader": "^0.23.1",
     "css-loader": "^0.23.1",
     "eslint": "^3.0.1",
     "eslint": "^3.0.1",
     "eslint-config-yoho": "^1.0.1",
     "eslint-config-yoho": "^1.0.1",
+    "eslint-plugin-html": "^1.5.1",
     "gulp": "^3.9.1",
     "gulp": "^3.9.1",
     "gulp-cssnano": "^2.1.2",
     "gulp-cssnano": "^2.1.2",
     "gulp-ftp": "^1.1.0",
     "gulp-ftp": "^1.1.0",

@@ -181,7 +181,10 @@ gulp.task('webpack-dev-server', () => {
         debug: true,
         debug: true,
         vue: {
         vue: {
             postcss: postcssPlugin(env.dev),
             postcss: postcssPlugin(env.dev),
-            autoprefixer: false
+            autoprefixer: false,
+            loaders: {
+                css: 'vue-style-loader!css-loader?sourceMap&-url'
+            }
         }
         }
     });
     });
 
 

 <template>
 <template>
     <div class="test">
     <div class="test">
         {{message}}
         {{message}}
-
-        <div class="test2"></div>
+    </div>
+    <div class="test2">
+        {{message2}}
     </div>
     </div>
 </template>
 </template>
 
 
@@ -10,7 +11,8 @@
     module.exports = {
     module.exports = {
         data: function() {
         data: function() {
             return {
             return {
-                message: 'test'
+                message: 'test',
+                message2: 'test2'
             }
             }
         }
         }
     }
     }
@@ -19,10 +21,11 @@
 <style>
 <style>
     .test {
     .test {
         color: green;
         color: green;
+        background: url("/channel/boys.png");
+    }
 
 
-        .test2 {
-            background: #000;
-            display: flex;
-        }
+    .test2 {
+        color: blue;
+        background: resolve("channel/boys.png");
     }
     }
 </style>
 </style>