   config.use ||= []
 
   if type is 'less' or type is 'scss'
-    config.use = config.use.concat DEV_LOADERS.concat(LOADERS.style, LOADERS.css, LOADERS[type])
+    config.use = config.use.concat DEV_LOADERS.concat(STYLE_LOADERS.style, STYLE_LOADERS.css, STYLE_LOADERS[type])
   else
     config.use = loaderConfig.use
   config

  cjsx:   { test: /\.cjsx$/,   use: LOADERS.cjsx,   exclude: /node_modules/ }

STATICS =
  image: { test: /\.(png|jpg|svg|gif)/,    use: [ LOADERS.file ] }
  font:  { test: /\.(woff|woff2|eot|ttf)/, use: [ LOADERS.url  ] }

BASE_BUILD =
  js:     RESOLVABLES.js
  jsx:    RESOLVABLES.jsx
  coffee: RESOLVABLES.coffee
  cjsx:   RESOLVABLES.cjsx
  css:  { test: /\.css$/,  use: ExtractTextPlugin.extract([ LOADERS.css ]) }
  less: { test: /\.less$/, use: ExtractTextPlugin.extract([ LOADERS.css, LOADERS.less ]) }
  scss: { test: /\.scss$/, use: ExtractTextPlugin.extract([ LOADERS.css, LOADERS.scss ]) }

DEV_LOADERS = ['react-hot-loader/webpack']


happyThreadPool = HappyPack.ThreadPool(size: 8);
HardSourceWebpackPlugin = require 'hard-source-webpack-plugin'

HAPPY_LOADERS =
  babel:  'babel-loader'
  coffee: 'coffee-loader'
  cjsx:   'coffee-jsx-loader'

STYLE_LOADERS =
  file:   'file-loader?name=[name].[ext]'
  url:    'url-loader?limit=30000&name=[name]-[hash].[ext]'
  style:  'style-loader'
  css:    'css-loader?minimize=true'
  less:   'less-loader'
  scss:   'fast-sass-loader'

LOADERS = _.mapValues(HAPPY_LOADERS, (loader, name) -> "happypack/loader?id=#{name}")

HAPPY_PACK_PLUGINS = _.map(HAPPY_LOADERS, (loader, name) ->
  new HappyPack(id: name, threadPool: happyThreadPool, loaders: [ loader ], debug: true)
)

RESOLVABLES =
