     ]
     loaders: [
       { test: /\.json$/,   loader: "json-loader" }
-      { test: /\.coffee$/, loaders: ["coffee-loader" ] }
-      { test: /\.cjsx$/,   loaders: ["coffee-jsx-loader"] }
-      { test: /\.less$/,   loader: ExtractTextPlugin.extract('css!less')}
+      { test: /\.coffee$/, loaders: LOADERS.concat("coffee-loader") }
+      { test: /\.cjsx$/,   loaders: LOADERS.concat("coffee-jsx-loader") }
+      { test: /\.less$/,   loaders:
+        if isProduction then [ExtractTextPlugin.extract('css!less')]
+        else LOADERS.concat('style-loader', 'css-loader', 'less-loader')
+      }
       { test: /\.(png|jpg|svg)/, loader: 'file-loader?name=[name].[ext]'}
       { test: /\.(woff|woff2|eot|ttf)/, loader: "url-loader?limit=30000&name=[name]-[hash].[ext]" }
    ]

    publicPath: '/dist/'

  plugins: [
    new ExtractTextPlugin("tutor.css")
  ]

  module:

ExtractTextPlugin = require 'extract-text-webpack-plugin'
isProduction = process.env.NODE_ENV is 'production'
LOADERS = if isProduction then [] else ["react-hot", "webpack-module-hot-accept"]

module.exports =
  cache: true
