Using Bootstrap 3, my take about angular-webpack-starter HOT 10 CLOSED

@alvipeo well directly using scss instead of scss will make AOT compile fail, which on the Other branches you will see I'm css for the styles URL but working with scss that is being converted with node-sass...(this issue will change once we can use the ngtools/webpack plugin). Beyond that, I suppose using JQuery at all may make it problematic to use Universal...not quite sure about AOT.

I'm not going to make a Bootstrap 3/Jquery branch as I think it's generally recommended to avoid using JQuery as you're probably going to run into a ton of issue when it comes to Universal, Web Workers and possibly AOT. I was working on a boostrap 4 branch that uses ng2-bootstrap, but they currently have an issue with AOT (which should be solved eventually).

from angular-webpack-starter.

Well, some people do not need Universal, that's why I used minimal branch.

I'd go for a Bootstrap 4, but it seems like its alpha state is never ending story, so I'll skip. ng2-bootstrap looks good, I'm going to try it.

Didn't get what you said about scss... at all ;)

from angular-webpack-starter.

@alvipeo well of course, some people won't need to use Universal or Web Workers and maybe won't use AOT, but as using JQuery can be very problematic and limiting, I rather not create a branch based around using it.

As far as scss, the ngc compiler does not support or understand sass...so using it in your styles url will cause AOT compilation to fail. In the other branches, you'll see that I mitigate this by compiling the scss using node-sass and referencing the css that is output in the stylesUrl array. There is going to be a webpack plugin for AOT that will get around this, but it's not available for public use yet.

from angular-webpack-starter.

ok, thanks. I'd pass Bootstrap, but what are options? Bootstrap 4 is not even close to ready, Material is not going to be even at beta by the end of the year... so how would one make a web ui really? This I think is the main reason people use React.

from angular-webpack-starter.

@alvipeo If you're just using Bootstrap 4 for it's css, I wouldn't worry about it as the api for that is pretty stable. Combine that with ng2-bootstrap which should become AOT compatible soon, and you're golden.

from angular-webpack-starter.

ng-bootstrap*
and it's already aot ready

from angular-webpack-starter.

@DzmitryShylovich yeah, ng-bootstrap is the correct repo 😄

so this issue should be closed now? ng-bootstrap/ng-bootstrap#796

from angular-webpack-starter.

Hmm I thought it work in aot. My bad.

from angular-webpack-starter.

@DzmitryShylovich yeah, it still doesn't appear to work just yet, it's not exporting all of the .ngfactory files that it needs to

I just added the bootstrap branch I was working on locally... whenever they fix AOT on ng-bootstrap, I'll add the fix there
https://github.com/qdouble/angular2webpack2-starter/tree/bootstrap

from angular-webpack-starter.

wow! Thank you guys for the Bootstrap 4 branch!

from angular-webpack-starter.