var webpack = require("webpack")
var HtmlWebpackPlugin = require('html-webpack-plugin')


module.exports = {
  devtool: "eval", // Transformed code
  // devtool: "source-map", // Original code
  entry: {
    bench: "./src/index.jsx",
  },
  output: {
    filename: "[name]-bundle-[hash].js",
    path: __dirname + "/dist",
  },
  module: {
    loaders: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loaders: ["babel-loader"],
      },
      {
        test: /\.json$/,
        exclude: /node_modules/,
        loaders: ["json-loader"],
      },
    ],
  },
  plugins: [
    new webpack.ProvidePlugin({
      React: "react", // For babel JSX transformation which generates React.createElement.
    }),
    new HtmlWebpackPlugin({title: "OpenChordCharts sample data bench"}),
  ],
  resolve: {
    extensions: ["", ".js", ".jsx"],
  },
}

@@ -1,12 +1,40 @@
+var path = require(%22path%22)%0A%0A
 var webpack 
@@ -323,16 +323,26 @@
   path: 
+path.join(
 __dirnam
@@ -346,18 +346,17 @@
 name
- +
+,
  %22/dist%22
 ,%0A  
@@ -351,16 +351,17 @@
  %22/dist%22
+)
 ,%0A  %7D,%0A 

Use path.join