JSFiddle - React, Tailwind, and code Playground

JavaScript

// webpack.settings.js
const webpack = require('webpack');
const path = require('path');

const compiler = webpack({
  context: path.join(__dirname, "/public"),
  entry: './src/js/index.js',
  output: {
    path: './public/dist/js/',
    name: 'bundle.js'
  },
  loaders: [
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'babel', // 'babel-loader' is also a legal name to reference
      query: {
        presets: ['es2015']
      }
    }
  ]
});

module.exports = compiler;


// server.js
const http = require('http');
const fs = require('fs');
const path = require('path');
const express = require('express');


const compiler = require('./webpack.settings');


compiler.watch({
  aggregateTimeout: 300,
  poll: true
}, (err, stats) => {
  if (err) console.log(err);
  console.log(stats.toJson());
});


const app = express();

app.set('view engine', 'jade');
app.set('views', 'templates');
app.use(express.static('public/dist'));

app.get('/', (req, res) => {
  res.render('index');
});

app.listen(8080);