diff --git a/package.json b/package.json
index b06be65..5268f5a 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,8 @@
     "express": "^4.13.3",
     "file-loader": "^0.8.4",
     "json-loader": "^0.5.3",
+    "less": "^2.5.3",
+    "less-loader": "^2.2.2",
     "minimist": "^1.2.0",
     "node-libs-browser": "^0.5.3",
     "react": "^0.14.3",
diff --git a/test/single-file.js b/test/single-file.js
index 38ff470..12358f3 100644
--- a/test/single-file.js
+++ b/test/single-file.js
@@ -1,6 +1,8 @@
 var React = require('react')
 var ReactDOM = require('react-dom')
 
+require('./single-file.less');
+
 var App = React.createClass({
   render() {
     return <div><Menu/><Content/></div>
diff --git a/test/single-file.less b/test/single-file.less
new file mode 100644
index 0000000..c7afb55
--- /dev/null
+++ b/test/single-file.less
@@ -0,0 +1,9 @@
+@bg: #222;
+@base: #f8f8f2;
+
+body {
+  background-color: @bg;
+  color: @base;
+  font-family: consolas, monospace;
+  font-size: 16px;
+}
diff --git a/webpack.config.js b/webpack.config.js
index 03f38c6..a705960 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -115,6 +115,14 @@ module.exports = function config(options) {
             {loader: require.resolve('css-loader'), query: {minimize: false}}
           ]) + '!' + require.resolve('autoprefixer-loader')
         },
+        {
+          test: /\.less$/,
+          loader: combineLoaders([
+            {loader: require.resolve('style-loader')},
+            {loader: require.resolve('css-loader'), query: {minimize: false}}
+          ]) + '!' + require.resolve('autoprefixer-loader')
+          + '!' + require.resolve('less-loader')
+        },
         {
           test: /\.(gif|png)$/,
           loader: require.resolve('url-loader'),