An Angular 2 Webpack Starter kit featuring Angular 2, Router, TypeScript, and Webpack by AngularClass
my fav resource for folks new to webpack:
https://github.com/petehunt/webpack-howto
https://github.com/petehunt/webpack-howto
I miss those from 3.0 :(
I just switched out my systemJs in favor of webpack. Now I don't need system.js, rx.js, the System.config block, or the System.import statement. My index.html is so much cleaner and all the transpiling is done at build time. Isn't this the way it's supposed to be? :smile:
Hello, I'm new to angular 2 and I started with your great pack. But I don't really understand the platform folder. It seems very complicated to me. And I don't undestand why the browser folder. It doesn't seems to be releated to browser at all. I hope someone coule help me to better understand.
hey all, question on webpack's build. I've been using the convention of separate template files, and i've been putting them in the same folder as all of my typescript files. when I built the prod distribution, it stopped being able to find them, because the referenced folder doesn't exist anymore. is there an expectation that template files are going into a static folder?
@tstirrat15 I also keep my template files in the same folder. I reference them in templateUrl by name only (no path) and I use the moduleId property to specify a relative file. e.g.
See this post for more details: http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/
moduleId: module.id,
templateUrl: 'myFile.tpl.html'See this post for more details: http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/
I'm running into a different problem now. I updated to the most recent version of webpack, and I'm getting an error that says:
Error: Cannot resolve 'file' or 'directory' ./app in /home/tstirrat/project-gutenberg/node/src
Required in /home/tstirrat/project-gutenberg/node/src/main.browser.ts Error: Cannot resolve 'file' or 'directory' ./app in /home/tstirrat/project-gutenberg/node/src
Required in /home/tstirrat/project-gutenberg/node/src/main.browser.ts
at ResolutionError.Error (native)
at new ResolutionError (/home/tstirrat/project-gutenberg/node/node_modules/awesome-typescript-loader/dist/deps.js:281:7)
at /home/tstirrat/project-gutenberg/node/node_modules/awesome-typescript-loader/dist/deps.js:164:33
at run (/home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/es6.promise.js:89:22)
at /home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/es6.promise.js:102:28
at flush (/home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/_microtask.js:14:5)
at nextTickCallbackWith0Args (node.js:452:9)
at process._tickCallback (node.js:381:13)But I've got app in that directory. ls output:
app assets custom-typings.d.ts index.html main.browser.ts npm-debug.log platform polyfills.ts vendor.tsAny idea what's going on?
I figured it out. It turned out that the new version relied on an index.ts, which I had deleted, thinking I didn't need it. that meant that main.ts (or whatever its current equivalent is) was trying to import from a module that wasn't well-defined (or something to that effect)
Hello, any one knows how to async load a component that has child routes.
This works:
{ path: '/about', name: 'About', loader: () => require('es6-promise!./about')('About') },But this throws an error:
{ path: '/...', name: 'Exam', loader: () => require('es6-promise!./exam')('Exam') },The error is: "Tried to get instruction before the type was loaded".
and I have few references to
.js files from vendor/ in my index.html which obviously fail because the vendor folder is never dispatched to the browser.
any idea what am I doing wrong here?
I have tried to add the
noLib: true to tsconfig.json, but that led to even more issues. Not sure how to go about getting core-js to play nicely with TypeScript when setting the target to es6
Hi everyone, i'm just trying to switch to this start from angular2-seed (mainly because of the fast watching, which i really love!). With angular2-seed merging changes made in the seed into my own project was really easy, and i didnt see any mention about that here. How do you stay up-to-date with this starter?
duh, just saw the answer to this in the post by @yaroslavya . does anyone know an easier way to do this?
Ok, so it turned out the bootstrap is much more better alternative, which provides native support for Angular2: https://github.com/valor-software/ng2-bootstrap
Hi everyone, I am a new to WebPack and Angular2 .. I really love angular2-webpack-starter and have started to get the hang of it. One issue though which I was not able to resolve is to use the dist folder generated from a "npm run build:prod or build:dev" and get it working on a web server like tomcat. I even tried it on CloudFoundry as well but with no success. The browser just shows the "Loading ..." message and the console has just one message "Unknown property '-moz-osx-font-smoothing'. Declaration dropped." , though I think this is not the reason for it not working. Any ideas what am I doing wrong ? do I need to defined something on tomcat like a new "mime-mapping" or something ? Any help will be greatly appreciated .. Thanks
Ok .. I was able to get it working on CloudFoundry. Apparently there was an issue in my app components . Here is what I did 1) npm run build:prod 2) made sure it was working using npm run server:prod 3) pushed the dist folder contents to Cloud Foundry using the build pack staticfile_buildpack and it worked fine . This working and deployed on http://angular2-app.cfapps.io/ .. I still could not get it working on tomcat 7 though ..
