suit-framework v0.1.1
npm init npm install suit-framework --save
package.json: "scripts": { "build": "browserify docs/index.js -o docs/bundle.js" }, "browserify": { "transform": [ [ "babelify", { "presets": "es2015" } ] ] }
index.html:
mkdir src cd src
index.js: import {Application} from "suit-framework"; new Application( { "/": require("./pages/Title"), }, { "baseDir": "/" }, { "Bootstrap": require("./layouts/Bootstrap"), } )
mkdir layouts mkdir pages
nano layouts/Bootstrap.js: import {Component} from "suit-framework"; export default class Bootstrap extends Component { template() { return `
<div class="wrapper">
<h1 class="post-title">{$caption || IT WORKS!}</h1>
<br />
{$content || HELLO-WORLD}
</div>
`;
}
}
nano pages/Title.js:
import {Component} from "suit-framework";
export default class TitlePage extends Component {
template() {
return {
rebuild:Bootstrap with {
"content": "TITLE-CONTENT"
}
}
}
}
cd ..
npm run build