Skip to content

Instantly share code, notes, and snippets.

@traumverloren
Forked from learncodeacademy/webpack.config.js
Created February 7, 2016 19:49
Show Gist options
  • Save traumverloren/3e81c2b792656f70ac7c to your computer and use it in GitHub Desktop.
Save traumverloren/3e81c2b792656f70ac7c to your computer and use it in GitHub Desktop.
Sample Basic Webpack Config
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
module.exports = {
context: __dirname,
devtool: debug ? "inline-sourcemap" : null,
entry: "./js/scripts.js",
output: {
path: __dirname + "/js",
filename: "scripts.min.js"
},
plugins: debug ? [] : [
new webpack.optimize.DedupePlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
],
};
@traumverloren
Copy link
Author

This is a sample Webpack configuration.
Just run webpack and it will produce unminified output with sourcemaps.
Run NODE_ENV=production webpack and it will minify the output and de-dupe all the unnecessary code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment