Fix the extrace error

Author: PeachScript

app/templates/_webpack.config.js

@@ -40,14 +40,6 @@ module.exports = {
         test: /\.html$/,
         loader: 'vue-html'
       },
-      {
-        test: /\.css$/,
-        loader: ExtractTextPlugin.extract('style!css')
-      },
-      {
-        test: /\.less$/,
-        loader: ExtractTextPlugin.extract('style!css!less')
-      },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
         loader: 'url',
@@ -73,6 +65,17 @@ if (process.env.NODE_ENV === 'production') {
   module.exports.output.filename = 'static/js/[name]_[chunkhash].js';
   module.exports.output.chunkFilename = "static/js/[id]_[chunkhash].js";
 
+  module.exports.module.loaders = module.exports.module.loaders.concat([
+    {
+      test: /\.css$/,
+      loader: ExtractTextPlugin.extract('style','css')
+    },
+    {
+      test: /\.less$/,
+      loader: ExtractTextPlugin.extract('style', 'css', 'less')
+    }
+  ]);
+
   module.exports.plugins = [
     new webpack.DefinePlugin({
       'process.env': {
@@ -109,6 +112,17 @@ if (process.env.NODE_ENV === 'production') {
   // development configurations
   module.exports.output.filename = 'static/js/[name].js';
 
+  module.exports.module.loaders = module.exports.module.loaders.concat([
+    {
+      test: /\.css$/,
+      loader: 'style!css'
+    },
+    {
+      test: /\.less$/,
+      loader: 'style!css!less'
+    }
+  ]);
+
   module.exports.plugins = [
     new HtmlWepackPlugin({
       filename: 'index.html',