Skip to content

aelbore/ngx-seed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ngx-seed

Angular Application Seed

Getting Started

  • Clone ngx-seed repository
    git clone https://github.com/aelbore/ngx-seed.git
    
  • Install dependencies
     npm install
    
  • Start the Application
    npm start
    
    • this will build, watch the file changes, and live reload

Project Structure

.
├── node_modules 
├── server         
├── src           
|   ├─ app                                # Application Project specific folder
|   |  ├─ app.component.html 
|   |  ├─ app.component.scss
|   |  ├─ app.component.ts 
|   |  ├─ app.module.ts
|   |  ├─ app.route.module.ts
|   |  ├─ index.ts  
|   |  └─ package.json     
|   ├─ libs                               # Libs or web components library     
|      ├─ <navbar>                        # example of web components folder
|      |  ├─ src                          # this should mandatory, all source code should be inside `src`
|      |  |  ├─ index.ts                  # export all .ts files or components,modules,pipes and services
|      |  |  ├─ main.ts                   # bootstrap your web component module
|      |  |  ├─ navbar.component.html     # <optional>, all your markup codes
|      |  |  ├─ navbar.component.scss     # <optional>, all your style codes, you can have `.css`.
|      |  |  ├─ navbar.component.ts       # all your component, markup <optional>, style <optional>
|      |  |  └─ navbar.module.ts          # your web component module, define your custom elements
|      |  └── package.json                # <mandatory> `name` should be same as folder name
|      ├─ .....	 	             
|       
|  
├── README.md
├── .devtools.json  
├── config.json  
├── gulpfile.js      
├── package.json
└── tsconfig.json

Task & Commands

Build your libs code
npm run build
Build your libs code for production
npm run build -- --prod
Build your libs code for a certain package for production
npm run build -- --prod --pkg src/libs/navbar/package.json
This will start your application
  • It will build, watch file change and livereload you page
npm start
Delete dist and .tmp folder
npm run clean.all

About

Angular Elements Seed

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published