webpack.config.js

var path = require('path')
var webpack = require('webpack')

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'webpack-hot-middleware/client',
    'babel-polyfill',
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],

  module: {
    node: [
      {
      fs: "empty"
      }
    ],
    // rules: [{
    //         test: /\.less$/,
    //         use: [{
    //             loader: "style-loader" // creates style nodes from JS strings 
    //         }, {
    //             loader: "css-loader" // translates CSS into CommonJS 
    //         }, {
    //             loader: "less-loader" // compiles Less to CSS 
    //         }]
    //     }],
    preLoaders: [
      {
        test: /\.js$/,
        loaders: ['eslint'],
        include: [
          path.resolve(__dirname, "src"),
        ],
      }
    ],
    loaders: [
      {
        loaders: ['react-hot', 'babel-loader'],
        include: [
          path.resolve(__dirname, "src"),
        ],
        test: /\.js$/,
        plugins: ['transform-runtime'],
      }, {
        test: /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      },
      // {
      //           test: /\.less$/,
      //           loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
      // },
      //{ test: /\.css$/,  loader: "style-loader!css-loader" },
      { test: /\.less$/, loader: "style-loader!css-loader!less-loader" },
      { test: /\.gif$/, loader: "url-loader?mimetype=image/png" },
      { test: /\.woff(2)?(\?v=[0-9].[0-9].[0-9])?$/, loader: "url-loader?mimetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9].[0-9].[0-9])?$/, loader: "file-loader?name=[name].[ext]" }]
    
  }
}