Skip to content

Commit 18c5431

Browse files
committed
misc/ Update angular material HOW TO guide
1 parent 45bdbfa commit 18c5431

File tree

2 files changed

+14
-10
lines changed

2 files changed

+14
-10
lines changed

HOW_TO.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,11 @@ ng add ngx-bootstrap
1414

1515
### How to install Angular Material
1616

17+
Replace temporarily custom builders by default ones in `angular.json`
18+
19+
@angular-builders/custom-webpack:browser => @angular-devkit/build-angular:browser \
20+
@angular-builders/custom-webpack:dev-server => @angular-devkit/build-angular:dev-server
21+
1722
Add Angular Material using `ng add` command:
1823

1924
``` bash
@@ -24,16 +29,11 @@ You will get the following questions:
2429
``` bash
2530
? Choose a prebuilt theme name, or "custom" for a custom theme: *Choose any theme you like here*
2631
? Set up global Angular Material typography styles? *Yes*
27-
? Set up browser animations for Angular Material? *Yes*
32+
? Set up browser animations for Angular Material? *Do not include / error if you choose Include*
2833
```
29-
Angular Material will start installing, but you will get the following error after installation:
34+
Angular Material Library is now installed in your project.
3035
31-
``` bash
32-
Your project is not using the default builders for "build". The Angular Material schematics cannot add a theme to the workspace configuration if the builder has been changed.
33-
```
34-
*No need to Panic!* Just add your desired theme in style.scss:
36+
Put back custom builders in `angular.json`
3537
36-
``` bash
37-
@import '@angular/material/prebuilt-themes/indigo-pink.css'
38-
```
39-
Angular Material Library is now installed in your project.
38+
@angular-devkit/build-angular:browser => @angular-builders/custom-webpack:browser \
39+
@angular-devkit/build-angular:dev-server => @angular-builders/custom-webpack:dev-server

README.md

+4
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,10 @@ Finally from VsCode press **Ctrl+Shift+D** and select **Application Debug** and
140140

141141
Please note that Hot reload is only available in Renderer process.
142142

143+
## Want to use Angular Material ? Ngx-Bootstrap ?
144+
145+
Please refer to [HOW_TO file](./HOW_TO.md)
146+
143147
## Branch & Packages version
144148

145149
- Angular 4 & Electron 1 : Branch [angular4](https://github.com/maximegris/angular-electron/tree/angular4)

0 commit comments

Comments
 (0)