refactored configuration and scripts for clarity

changed bundle-dev to build:dev for consistency

Author: piotrwitek

assets/jspm.init.js

@@ -1,5 +1,5 @@
 // importing libs should be included in dev-bundle
-import './bundle-config.vendor.js';
+import './vendor.config.prod.js';
 import 'plugin-typescript';
 import 'css';
 import 'systemjs-hot-reloader';

bundle-config.vendor.dev.js renamed to configs/vendor.config.dev.js

@@ -7,3 +7,5 @@ import 'react-router-redux';
 import 'redux-actions';
 import 'classnames';
 import 'seamless-immutable';
+import 'csjs';
+import 'insert-css';

bundle-config.vendor.js renamed to configs/vendor.config.prod.js

@@ -27,10 +27,22 @@
     </div>
   </div>
   <!-- body bottom scripts -->
+  <!-- below section could be auto-generated and overwritten during build for prod -->
+  <!-- loading-app:start -->
   <script src="jspm_packages/system.js"></script>
   <script src="jspm.config.js"></script>
   <script src="temp/vendor.dev.js"></script>
-  <script src="jspm.init.js"></script>
+  <script>
+    // hot-reload config
+    SystemJS.import('systemjs-hot-reloader').then(function(HotReloader) {
+      // if you're running server on custom port please remember to update below
+      new HotReloader.default('http://localhost:8888');
+    });
+    // load main module of your app with SystemJS
+    SystemJS.trace = true;
+    SystemJS.import('src/app');
+  </script>
+  <!-- loading-app:end -->
 </body>
 
 </html>

index.html

@@ -27,11 +27,17 @@
     </div>
   </div>
   <!-- body bottom scripts -->
+  <!-- loading-app:start -->
   <script src="shim.min.js"></script>
   <script src="system.js"></script>
   <script src="jspm.config.js"></script>
-  <script src="vendor.js"></script>
-  <script src="jspm.init.js"></script>
+  <script src="vendor.prod.js"></script>
+  <script>
+    // load main module of your app with SystemJS
+    SystemJS.production = true;
+    SystemJS.import('app.js');
+  </script>
+  <!-- loading-app:end -->
 </body>
 
 </html>

assets/index.html renamed to index.prod.html

@@ -10,31 +10,31 @@
   "license": "MIT",
   "scripts": {
     "postinstall": "jspm install && npm run bundle-dev",
-    "preinit:dist": "rimraf dist/",
-    "init:dist": "mkdir dist && cp assets/* dist/",
+    "preinit:dist": "rimraf dist/**/* && mkdir dist || true",
+    "init:dist": "cp assets/* dist/ && cp index.prod.html dist/index.html",
     "preinit:deploy": "npm run init:dist",
     "init:deploy": "git clone https://github.com/piotrwitek/react-redux-typescript-starter-kit --branch gh-pages gh-pages-clone",
     "postinit:deploy": "mv gh-pages-clone/.git dist/.git && rimraf gh-pages-clone/",
     "deploy": "cd dist && git checkout gh-pages && git add --all && git commit -m \"New Release\" && git push",
     "precommit": "npm run lint",
     "prepush": "npm run lint && npm test",
     "preversion": "npm run lint && npm test",
+    "build:dev": "npm run _jspm-bundle-vendor-dev",
     "unbundle": "rimraf temp/vendor.dev.js",
-    "bundle-dev": "npm run _jspm-bundle-vendor-dev",
     "build": "npm run build:app && npm run build:vendor",
     "build:app": "npm run _jspm-build-app -- --skip-source-maps --minify",
-    "build:vendor": "npm run _jspm-bundle-vendor",
+    "build:vendor": "npm run _jspm-bundle-vendor-prod",
     "build:debug": "npm run _jspm-build-app",
     "bad": "npm run build:app && npm run deploy",
     "bvd": "npm run build:vendor && npm run deploy",
     "lint": "tslint ./src/**/*.ts[x]",
     "test": "jspm run src/test-runner | faucet",
     "tsc": "tsc -p src",
     "tsc:watch": "tsc -p src -w",
-    "_jspm-bundle-vendor-dev": "jspm bundle bundle-config.vendor.dev.js temp/vendor.dev.js -d",
-    "_jspm-bundle-vendor": "jspm bundle bundle-config.vendor.js dist/vendor.js -ms",
-    "post_jspm-bundle-vendor": "cp jspm.config.js jspm_packages/system.js dist/",
-    "_jspm-build-app": "jspm build src/app - bundle-config.vendor.js dist/app.js",
+    "_jspm-bundle-vendor-dev": "jspm bundle configs/vendor.config.dev.js temp/vendor.dev.js -d",
+    "_jspm-bundle-vendor-prod": "jspm bundle configs/vendor.config.prod.js dist/vendor.prod.js -ms",
+    "post_jspm-bundle-vendor-prod": "cp jspm.config.js jspm_packages/system.js dist/",
+    "_jspm-build-app": "jspm build src/app - configs/vendor.config.prod.js dist/app.js",
     "regenerator": "cd temp && cp ../dist/app.js . && regenerator -r app.js > app.regenerator.js && mv app.regenerator.js ../dist/app.js "
   },
   "devDependencies": {