diff --git a/lib/webpack/base.config.js b/lib/webpack/base.config.js
index 88e68ce6f5..f8df059490 100644
--- a/lib/webpack/base.config.js
+++ b/lib/webpack/base.config.js
@@ -70,10 +70,11 @@ export default function ({ isClient, isServer }) {
             cacheDirectory: !!this.dev
           })
         },
-        {
-          test: /\.css$/,
-          loader: 'vue-style-loader!css-loader'
-        }
+        { test: /\.css$/, loader: 'vue-style-loader!css-loader' },
+        { test: /\.less$/, loader: 'vue-style-loader!css-loader!less-loader' },
+        { test: /\.sass$/, loader: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' },
+        { test: /\.scss$/, loader: 'vue-style-loader!css-loader!sass-loader' },
+        { test: /\.styl(us)?$/, loader: 'vue-style-loader!css-loader!stylus-loader' }
       ]
     },
     plugins: this.options.build.plugins