These are chat archives for AngularClass/angular2-webpack-starter

18th
May 2016
Mathijs Segers
@msegers
May 18 2016 11:33

@ollwenjones
What I"m currently doing is having an project which is basically a fork of webpack starter, I keep pulling in here the newest update and tweak it to use my own libraries, I then pull that into my other projects which mostly works fine.

Do have to add that I keep having to remove home, about and changes to RouteConfig. But it's trivial.

Sam Jones
@ollwenjones
May 18 2016 12:15
Thanks @msegers . Sounds like a nice/obvious approach. Part of my challenge will be different paths from the .git folder to the package.json for instance. Teammates don't want the Angular 2 UI in it's own repo for the good reason of not having two PRs in two repos to sync for any end-to-end change. I wonder if there's some git config I don't know about that could help with the pathing, or... investigate the dreaded/controversial 'git submodule?'
raparlasiva
@raparlasiva
May 18 2016 14:39
npm run server doesn't automatically open the webpage..had to manually type localhost:3000 in the browser to access the webpage..Was wondering why this feature was left out.....
raparlasiva
@raparlasiva
May 18 2016 14:50
Is there a way we can include this feature in the application..
raparlasiva
@raparlasiva
May 18 2016 15:52
Also getting this type error inside main.browser.ts ----> argument type App is not assignable to parameter type Type.
raparlasiva
@raparlasiva
May 18 2016 16:00
i had to add <any>App inside bootstrap function for the error to go away. I am using webstorm 2016.1.2
Paul van den Berg
@bergvandenp
May 18 2016 18:00
what do you guys use for templateurls with webpack?
Sean Larkin
@TheLarkInn
May 18 2016 18:01
raw loader
Paul van den Berg
@bergvandenp
May 18 2016 18:01
use template: require(bla.html) or webpack copy plugin?
Sean Larkin
@TheLarkInn
May 18 2016 18:01
so you can do a require('./path-to-html-file.html')
yup
IMO thats the best option.
Paul van den Berg
@bergvandenp
May 18 2016 18:02
why? so its all bundled?
Sean Larkin
@TheLarkInn
May 18 2016 18:02
No external reqests, the templates are inlined, and it allows you to have a great Dev experience with your ng templates in a separate file in your editor so you can use things like Emmet and Syntax highlighting etc.
so
@Component({
  template: require('./foo.html')
})
Paul van den Berg
@bergvandenp
May 18 2016 18:02
intellij loses the reference when I wrap it in a require.
do you use the same for css?
Sean Larkin
@TheLarkInn
May 18 2016 18:03
that essentially does
@Component({
  template: `<inline-of>Your HTML file, awesome I can write it in a separate file now sweettttt.</inline-of>`
})
Yes
Use it in the same way, except its in an array for styles
Paul van den Berg
@bergvandenp
May 18 2016 18:04
ok, thanks
Sean Larkin
@TheLarkInn
May 18 2016 18:04
no prob
There should be some explanation in Patricks starter in the loaders section
Paul van den Berg
@bergvandenp
May 18 2016 18:04
kinda confusing some ppl use webpack in quickstarts and others use systemjs
Sean Larkin
@TheLarkInn
May 18 2016 18:04
for raw-loader
It is. I always advocate webpack becuase I believe it provides the best experience for not only the developer, but also for the browser becuase its optimized out of the box really well.
if you want something super lite to ramp up into this starter you can take a look at mine also
Paul van den Berg
@bergvandenp
May 18 2016 18:06
cool, thanks
got another question on a different subject tho ;
;)
Sean Larkin
@TheLarkInn
May 18 2016 18:06
lmao I'll try and help
Paul van den Berg
@bergvandenp
May 18 2016 18:07
how can I validate the package.json...
as in: clean my own installed modules and rebuild from scratch to check it for other devs
I've been experimenting here and there and need to clean up deps
Sean Larkin
@TheLarkInn
May 18 2016 18:09
hmm, I'm sure theres something out there
Brought to you by google.com ;-)
Paul van den Berg
@bergvandenp
May 18 2016 18:11
heh thnx. found that, but that's not really what I'm looking for (i think)
I want to be certain my package.json is valid so that stuff runs smoothly on a clean machine
Nevergonnachange
@Nevergonnachange
May 18 2016 20:30
Hello everyone. I've started a project with the angular2-webpack-starter. Now I want to add an express API server. I've made a stackoverflow concerning my problems. http://stackoverflow.com/questions/37309419/angular2-webpack-express-api-server
Any help would be very appreciated.
falconmick
@falconmick
May 18 2016 20:42
Doesn't it already use express? I thought that this project uses that connect thing
Connect middleware *
webdev48
@webdev48
May 18 2016 21:11
Has anyone used ng2-bootstrap with this starter ?
I am trying to integrate typeahead and I am stuck
Sean Larkin
@TheLarkInn
May 18 2016 21:26
After you getting any errors