mattdesl · August 9, 2019 13:21 · Jan 7, 2016 · Jan 7, 2016 · Jan 7, 2016 · Jan 7, 2016
diff --git a/build.js b/build.js
@@ -13,6 +13,7 @@ if (process.env.NODE_ENV === 'development') {
   // fast dev server
   require('budo')(entry, {
     serve: 'bundle.js',
+    stream: process.stdout, // log requests in terminal
     live: true, // enable LiveReload
     browserify: bundleOpts
   });

diff --git a/build.js b/build.js
@@ -19,7 +19,9 @@ if (process.env.NODE_ENV === 'development') {
 } else {
   // optimized production bundle
   require('browserify')(entry, bundleOpts)
-    .transform('unreachable-branch-transform', { global: true }) // dead code elimination
+    .transform('unreachable-branch-transform', { // dead code elimination
+      global: true // so that it runs on dependencies, e.g. react, react-dom
+    })
     .plugin('bundle-collapser/plugin') // smaller bundle size
     .bundle()
     .pipe(process.stdout);

diff --git a/build.js b/build.js
@@ -19,7 +19,7 @@ if (process.env.NODE_ENV === 'development') {
 } else {
   // optimized production bundle
   require('browserify')(entry, bundleOpts)
-    .transform('unreachable-branch-transform') // dead code elimination
+    .transform('unreachable-branch-transform', { global: true }) // dead code elimination
     .plugin('bundle-collapser/plugin') // smaller bundle size
     .bundle()
     .pipe(process.stdout);

diff --git a/about.md b/about.md
@@ -3,7 +3,7 @@ Small script for development + builds with browserify.
 Uses `loose-envify` for faster inlining and `cross-env` to handle windows/unix shells.
 
 Dev features: 
- - fast rebuidls w/ watchify, LiveReload, syntax errors in DOM, etc.
+ - fast rebuilds w/ watchify, LiveReload, syntax errors in DOM, etc.
 
 Build features: 
  - uglify, simple dead code elimination, optimized bundle.

diff --git a/bundler.js → build.js b/bundler.js → build.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 ...
   "scripts": {
-    "start": "cross-env NODE_ENV=development node tools/build.js",
-    "build": "cross-env NODE_ENV=production node tools/build.js | uglifyjs -cm > app/bundle.js"
+    "start": "cross-env NODE_ENV=development node build.js",
+    "build": "cross-env NODE_ENV=production node build.js | uglifyjs -cm > app/bundle.js"
   }
 ...
diff --git a/bundler.js b/bundler.js
@@ -2,7 +2,7 @@ var entry = 'index.js';
 
 // Some options shared in dev + prod
 var bundleOpts = {
-  debug: true,
+  debug: true, // inline source maps
   transform: [
     'babelify',
     'loose-envify'
@@ -13,7 +13,7 @@ if (process.env.NODE_ENV === 'development') {
   // fast dev server
   require('budo')(entry, {
     serve: 'bundle.js',
-    live: true,
+    live: true, // enable LiveReload
     browserify: bundleOpts
   });
 } else {

diff --git a/about.md b/about.md
@@ -1,4 +1,4 @@
-Script for development + build with browserify.
+Small script for development + builds with browserify.
 
 Uses `loose-envify` for faster inlining and `cross-env` to handle windows/unix shells.
 

diff --git a/about.md b/about.md
@@ -2,8 +2,12 @@ Script for development + build with browserify.
 
 Uses `loose-envify` for faster inlining and `cross-env` to handle windows/unix shells.
 
-Dev features: fast rebuidls w/ watchify, LiveReload, syntax errors in DOM, etc.
-Build features: uglify, simple dead code elimination, optimized bundle.
+Dev features: 
+ - fast rebuidls w/ watchify, LiveReload, syntax errors in DOM, etc.
+
+Build features: 
+ - uglify, simple dead code elimination, optimized bundle.
+
 
 ```sh
 npm install --save-dev cross-env browserify budo babelify loose-envify bundle-collapser uglify-js unreachable-branch-transform

diff --git a/about.md b/about.md
@@ -0,0 +1,10 @@
+Script for development + build with browserify.
+
+Uses `loose-envify` for faster inlining and `cross-env` to handle windows/unix shells.
+
+Dev features: fast rebuidls w/ watchify, LiveReload, syntax errors in DOM, etc.
+Build features: uglify, simple dead code elimination, optimized bundle.
+
+```sh
+npm install --save-dev cross-env browserify budo babelify loose-envify bundle-collapser uglify-js unreachable-branch-transform
+```
diff --git a/bundler.js b/bundler.js
@@ -0,0 +1,26 @@
+var entry = 'index.js';
+
+// Some options shared in dev + prod
+var bundleOpts = {
+  debug: true,
+  transform: [
+    'babelify',
+    'loose-envify'
+  ]
+};
+
+if (process.env.NODE_ENV === 'development') {
+  // fast dev server
+  require('budo')(entry, {
+    serve: 'bundle.js',
+    live: true,
+    browserify: bundleOpts
+  });
+} else {
+  // optimized production bundle
+  require('browserify')(entry, bundleOpts)
+    .transform('unreachable-branch-transform') // dead code elimination
+    .plugin('bundle-collapser/plugin') // smaller bundle size
+    .bundle()
+    .pipe(process.stdout);
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,6 @@
+...
+  "scripts": {
+    "start": "cross-env NODE_ENV=development node tools/build.js",
+    "build": "cross-env NODE_ENV=production node tools/build.js | uglifyjs -cm > app/bundle.js"
+  }
+...
No results found