Skip to content

Instantly share code, notes, and snippets.



Created Aug 13, 2017
What would you like to do?
import express from 'express';
import webpack from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';
import path from 'path';
import config from '../../';
import open from 'open';
/* eslint-disable no-console */
const port = 3000;
const app = express();
const compiler = webpack(config);
// Tell express to use the webpack-dev-middleware and use the
// configuration file as a base.
app.use(webpackDevMiddleware(compiler, {
publicPath: config.output.publicPath,
historyApiFallback: true
app.get('*', function(req, res) {
res.sendFile(path.join( __dirname, '../index.html'));
app.listen(port, err => {
if (err) {
} else {
import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import CleanWebpackPlugin from 'clean-webpack-plugin';
export default {
entry: [
devtool: 'inline-source-map',
target: 'web',
output: {
path: __dirname + '/app/dist/', // Note: Physical files are only output by the production build task `npm run build`.
publicPath: '/',
filename: 'bundle.js'
devServer: {
contentBase: './app',
historyApiFallback: {
index: './app/index.html'
plugins: [
new CleanWebpackPlugin(['dist']),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
module: {
rules: [
{test: /\.js$/, use: {loader: 'babel-loader'}},
{test: /(\.css)$/, use: ['style-loader', 'css-loader']},
{test: /\.(png|svg|jpg|gif)$/, use: ['file-loader']},
// for fonts
{test: /\.(woff|woff2|eot|ttf|otf)$/, use: ['file-loader']}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment