webpack.config.build-baked.js

var ChildCompilerLoaderListPlugin =
  require('child-compiler-loader-list-webpack-plugin');
var DefinePlugin = require('webpack').DefinePlugin;
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlPlugin = require('html-webpack-plugin');
var UglifyJsPlugin = require('webpack').optimize.UglifyJsPlugin;

fileExtensions = ['jpg'];

var loaders = [
  {
    test: /\.jsx?$/,
    exclude: /node_modules/,
    loader: 'babel-loader',
  },
  {
    test: /\.jsx$/,
    loader: 'baggage-loader?[file].styl',
  },
  {
    test: /\.styl$/,
    loader: ExtractTextPlugin.extract(
      'style-loader',
      'css-loader!stylus-loader'
    ),
  },
  {
    test: /\.json$/,
    loader: 'json-loader',
  },
].concat(fileExtensions.map(function(ext) {
  return {
    test: new RegExp('\\.' + ext + '$'),
    loader: 'file-loader',
  };
}));

module.exports = {
  context: __dirname,
  entry: './src',
  output: {
    path: 'dist',
    filename: '[hash].js',
  },
  module: {
    loaders: loaders,
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
  },
  plugins: [
    new DefinePlugin({
      BAKED: true,
    }),
    new ChildCompilerLoaderListPlugin({
      test: /html-webpack-plugin/,
      loaders: loaders
      .filter(function(item) {return item.test.source !== '\\.styl$';})
      .concat({
        test: /\.styl$/,
        loader: 'raw-loader',
      }),
    }),
    new ExtractTextPlugin('[contenthash].css'),
    new HtmlPlugin({
      template: './src/index.html.bake.js',
      filename: 'index.html',
    }),
    new UglifyJsPlugin(),
  ],
};