JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<title>ng2-systemjs-build</title>
<script src="/node_modules/angular2/bundles/angular2-polyfills.min.js"></script>
<script src="/jspm_packages/system.js"></script>
<script>
System.config({
baseURL: "/",
defaultJSExtensions: true,
transpiler: "babel",
babelOptions: {
"optional": [
"runtime",
"optimisation.modules.system"
]
},
paths: {
"github:*": "jspm_packages/github/*",
"npm:*": "jspm_packages/npm/*"
},
packages: {
"app": {
"main": "bootstrap",
"format": "system",
"defaultExtension": "js"
}
},
map: {
"angular2": "npm:[email protected]",
"babel": "npm:[email protected]",
"babel-runtime": "npm:[email protected]",
"core-js": "npm:[email protected]",
"systemjs-hot-reloader": "github:capaj/[email protected]",
"ts": "github:frankwallis/[email protected]",
"github:capaj/[email protected]": {
"debug": "npm:[email protected]",
"socket.io-client": "github:socketio/[email protected]",
"weakee": "npm:[email protected]"
},
"github:frankwallis/[email protected]": {
"typescript": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"assert": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"buffer": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"constants-browserify": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"crypto-browserify": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"events": "npm:[email protected]"
},
"github:jspm/[email protected]": {
"Base64": "npm:[email protected]",
...