Can anyone help me to add styles using webpack configuration> I searched in many places, but didn't get proper answer .
I need it using sass loading.
I am new to angular2 and webpack too
Please help me?
Asked
Active
Viewed 578 times
0
Michael Benjamin
- 346,931
- 104
- 581
- 701
Manikanta Reddy
- 849
- 9
- 23
-
If you want to use sass then just download sass loader and configure your webpack to handle it. – Jorawar Singh Sep 02 '16 at 14:03
2 Answers
0
styles: [require('pathToCss/function.component.scss')]
also , in vendor.ts :
import './assets/css/style.scss';
Alexis Le Gal
- 327
- 4
- 11
-
this link could also be usefull : https://github.com/AngularClass/angular2-webpack-starter/wiki/How-to-use-Bootstrap-4-and-Sass-(and-jQuery) – Alexis Le Gal Sep 01 '16 at 11:49
-
-
-
if possible, could you please create a github repo for that,bcz im new to angular2 and webpack, I don't want to add any styles related (imports/code) in .ts files – Manikanta Reddy Sep 01 '16 at 11:52
-
0
You can use only styles and require your stylesheet with webpack styles:[require ('yourStyleSheet')]
NOTE:- due to an issue you have to use toString on required style
styles: [require("./app.styles.css").toString()]
Here is my github repo which use the same Note:- if you have used required you do not need to import it as the other answer mentioned because webpack will bundle it for you.
Jorawar Singh
- 7,463
- 4
- 26
- 39
-
I dind't found any styles:[require ('yourStyleSheet')] in ur code – Manikanta Reddy Sep 01 '16 at 15:54
-
https://github.com/blinfo/angular2-webpack-seed/blob/master/src/app/app.component.ts – Jorawar Singh Sep 01 '16 at 16:01