@alusta/mint
v0.16.0
Published
Angular schematics
Downloads
88
Readme
Angular schematics for smoother experience
@alusta/mint is collection of schematics created for minty expriences! 😍
Features:
- Running
ng new
won't create any apps, just a workspace for monorepo structure. See below. - Always set styling as scss
- No need to remember every flag, necessary values will be asked
- Use Lerna to handle publishing libraries
@Alusta/mint was originally called @slush/salts
Creating new workspace with schematics:
Install CLI to use schematics
npm i -g @angular/cli
Install salty schematics
npm i -g @alusta/mint
Create a workspace
ng new WORKSPACE_NAME --collection=@alusta/mint
# Note: `ng new` won't create any apps/libs!
Working in the workspace
Creating apps / libs
# New app
ng g app
# New library
ng g lib
Available schematics
Angular (note: these are not the same that vanilla Angular CLI provides)
- app
- lib
- feature / f
- view / v
- component / c
- directive / d
- guard
- service / s
- module / m
- pipe / p
- side-drawer / sd
- overlay / ol
Needed styles
For side-drawer
.side-drawer {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
For overlay
.app-overlay {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
}
Publishing libs
To publish libraries install Lerna
npm i -g lerna
Then just run
npm run publish
Not using Angular
Install CLI
npm i -g @angular-devkit/schematics-cli
There is yet no way to create workspace. Only "exeption" is to create a microservice.
schematics @alusta/mint:SCHEMATIC_NAME
Note: Schematics which are specifically for Angular, can't be used.
Available schematics (for non Angular project)
- General
- microservice / ms
- test
- React
- react-component / rc
Developing @alusta/mint
Creating new schematics
To add new schematics you can easily run any of following commands:
Just blank schematic
npm run add-blank
Create new files
npm run add-custom
Use external schematics
npm run add-external
Modify files
npm run add-modify
Use your own from @alusta/create-schematics
schematics @alusta/create-schematics:SCHEMATIC_NAME
Building the schematics
Well just run the classic
npm run build