added node env production setting for smaller builds

prakhar1989 · Jul 30, 2015 · 4861212 · 4861212
1 parent 7f7e15d
commit 4861212
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "main": "./lib/app.js",
   "scripts": {
     "start": "node node_modules/webpack-dev-server/bin/webpack-dev-server.js --progress --colors --port 8090",
-    "build": "webpack -p",
+    "build": "NODE_ENV='production' webpack -p",
     "test": "mocha --compilers js:babel/register tests",
     "lint": "node node_modules/eslint/bin/eslint.js js"
   },

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,6 +1,12 @@
 var webpack = require('webpack');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
+var plugins = [ new ExtractTextPlugin("build/styles.min.css", { allChunks: true }) ];
+
+if (process.env.NODE_ENV === "production") {
+    plugins.push( new webpack.DefinePlugin({'process.env': {NODE_ENV: '"production"'}}) );
+}
+
 module.exports = {
     entry: "./js/app.js",
     module: {
@@ -16,9 +22,7 @@ module.exports = {
             }
         ]
     },
-    plugins: [
-        new ExtractTextPlugin("build/styles.min.css", { allChunks: true })
-    ],
+    plugins: plugins,
     output: {
         filename: "build/bundle.js"
     }