ng2silabrowser
v0.1.2
Published
## Installation
Downloads
1
Readme
ng2silabrowser
Installation
To install this library, run:
$ npm install ng2silabrowser --save
Dependencies
This library takes advantage of bootstrap, jquery, moment and gsap for cool neat UI/UX.
$ npm install --save jquery gsap bootstrap bootstrap@next popper.js
Then, in your .angular-cli.json
under 'styles' put the following:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"sass/styles.scss"
],
and under 'scipts':
"scripts": [
"../node_modules/hammerjs/hammer.min.js",
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/tether/dist/js/tether.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
],
You can read more here: https://scotch.io/tutorials/using-sass-with-the-angular-cli and https://stackoverflow.com/questions/43557321/angular-4-how-to-include-bootstrap
Consuming your library
Once you have published your library to npm, you can import your library in any Angular application by running:
$ npm install ng2silabrowser
and then from your Angular AppModule
:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
// Import your library
import { SampleModule } from 'ng2silabrowser';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
// Specify your library as an import
LibraryModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Once your library is imported, you can use its components, directives and pipes in your Angular application:
<!-- You can now use your library component in app.component.html -->
<h1>
{{title}}
</h1>
<sampleComponent></sampleComponent>
Development
To generate all *.js
, *.d.ts
and *.metadata.json
files:
$ npm run build
To lint all *.ts
files:
$ npm run lint
License
MIT © Nuno Ribeiro