Less

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",

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>

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;
+}

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'),