Skip to content

FrontendMatter/bs-layout-boilerplate-angular2

Repository files navigation

bs-layout-boilerplate-angular2

Angular2 boilerplate using Bootstrap Layout and ng2-bootstrap-layout.

Demo

You can see a working live demo of this boilerplate.

Usage

Clone the boilerplate repository

git clone https://github.com/themekit/bs-layout-boilerplate-angular2.git my-project
cd my-project

Install dependencies

Install gulp:

npm install -g gulp

Install application dependencies:

npm install

Development server

The following will make an initial build and then serve the application on http://localhost:3000.

It will also watch ./app/**/*.ts and recompile the TypeScript to ./assets/js, watch ./assets/sass/**/* and recompile the Sass to ./assets/css and watch index.html, systemjs.config.js, ./assets/**/*.js and ./assets/**/*.css files and inject any changes into your browser automatically.

npm start

Development build

gulp build

Production build

NODE_ENV=production gulp release

Load production bundle

To use the production bundle, uncomment the following in ./index.html, before the call to System.import('app'):

<!-- Production Bundle -->
<script src="assets/js/app.bundle.js"></script>