## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• Jun 26 20:36
john-dent commented #88
• Jun 26 20:35
john-dent commented #88
• Mar 19 22:58
gmostert closed #244
• Feb 08 06:53
OliverWall commented #251
• Dec 14 2018 08:06
• Dec 14 2018 05:03
thematho commented #251
• Dec 14 2018 05:01
thematho commented #209
• Dec 14 2018 04:59
thematho commented #209
• Dec 12 2018 21:57
• Nov 04 2018 23:35
thematho synchronize #224
• Oct 26 2018 16:00
Stephanemw commented #248
• Oct 26 2018 00:16
thematho synchronize #224
• Oct 16 2018 11:11
caprica-Six commented #148
• Oct 16 2018 11:11
caprica-Six commented #148
• Oct 16 2018 11:10
caprica-Six commented #148
• Oct 16 2018 11:08
caprica-Six commented #148
• Oct 16 2018 11:07
caprica-Six commented #148
• Oct 09 2018 00:35
thematho commented #251
• Sep 16 2018 13:27
scriptrance commented #114
• Sep 14 2018 23:22
KiranChaudhariJM commented #114
Kendrick Burson
@kburson
oh, wow. thanks.
PatrickJS [tipe.io]
@gdi2290
yeah I’m Patrick
if you open an issue on this repo https://github.com/angular-class/angular2-webpack-starter then I can see what I can do
Kendrick Burson
@kburson
You and Scott created the AngularClass together, correct?
PatrickJS [tipe.io]
@gdi2290
yup
Kendrick Burson
@kburson
I Like listening to Scott as well. I have Sooo many questions about workflows and strategies.. I have built the first gen SPA for my teams Line-Of-Business app using Angular 1.4, ES6, Traceur, gulp... Now the rest of the company want's to follow suit and build apps for their LOB's. I put my investigation into webpack on hold until the first release was done, and now I am investigating how I can convert what I have to a better system. I started looking towards JSPM/SystemJS/SystemJS-Bundler, but that did not work out too well as discussed above. I am switching to Webpack, have your starter working with LESS, will be looking into how I can get the config.json file compiled on the fly.
When I have it all down I will be introducing it to the other teams. I want to invite you guys to come up and teach your class, but that won't be afore 3-6 months from now (or so I hear).
The config.json file contains all the RESTful service urls used by the application, they change depending on runtime (dev/staging/production).
PatrickJS [tipe.io]
@gdi2290
@kburson the website is largely outdated so it’s best to email us directly for training
Kendrick Burson
@kburson
Then I have the static assets (fonts, images, mock json data) that I currently copy to a build folder where all the compiled assets go.
I am looking to configure webpack to handle more of this in place and have gulp do less work...
PatrickJS [tipe.io]
@gdi2290
are you saying have webpack build your static assets rather than a gulp task to copy it?
Kendrick Burson
@kburson
ok. I will collate a concise list and post it to an issue on the starter repo, although I am focusing on angular 1.x, because this will be the limitations of the other teams (while I can use A2, they must support IE8, I will have to investigate what the technical requirements are for them to use isomorphic rendering alongside their PHP services that can work around the various CORS issues).
PatrickJS [tipe.io]
@gdi2290
@kburson I’m working on having the repo both in both frameworks or at least make it easier for migration. So if all else fails I can update the angular 1 repo from your list
Kendrick Burson
@kburson
ok.
Christoph Hegemann
@kRITZCREEK
Where would I define my services in the NG6-Starter filetree?
Components might want to share services so I don't think you would want to define it on a per component basis
Kendrick Burson
@kburson
The general pattern I have seen is to have a "common" folder for shared services, directives and filters.
For non code assets like fonts and images I have seen some use an "assets" folder, others use a "public" folder. Following the WebPack model, where should these be stored relative to the code, index.html and the compiled bundle.js?
Leandro Zubrezki
@leandroz
In the common folder I created directives, filters and services folders, each one with a module and then the common module
Christoph Hegemann
@kRITZCREEK
@kburson thank you! I'll try that and see how it works out :)
Kendrick Burson
@kburson
@gdi2290 I have posted issue #49 on the https://github.com/angular-class/angular2-webpack-starter repo as suggested. I am actively working to solve the problems stated and appreciate any guidance you can provide.
PatrickJS [tipe.io]
@gdi2290
thanks
Kendrick Burson
@kburson
Also, JSPM is SUCH a nice tool for downloading and managing dependencies, it is a shame we cannot use it with webpack, or am I wrong with that assumption. I hate having to bounce between bower and npm (not everything I need is on npm), and JSPM has a nice ability to organize and manage.
BTW: I have forked the NG6-starter and am pushing my changes up to my fork and I progress thru my experiments on getting my desired workflow up and running.
PatrickJS [tipe.io]
@gdi2290
you can think of webpack as unglifyjs so they should be able to work together
Kendrick Burson
@kburson
that would be cool... need to learn the proper incanctations :wink:
Rodrigo Morales
@rodrigomf24
has anybody tried to access the $rootScope from app.js ? nvm I found it :D Adrian Perez @blackxored hi guys, where are you putting your images? Nima Mehanian @nimamehanian Given the layout from the repo, I'd recommend making an images/ directory inside of client/app Nima Mehanian @nimamehanian @blackxored losorio35 @losorio35 hello all C:\xampp\htdocs\NG6-starter>gulp serve [19:32:56] Requiring external module babel-core/register C:\xampp\htdocs\NG6-starter\node_modules\babel-core\lib\transformation\file\index.js:671 throw err; ^ SyntaxError: C:/xampp/htdocs/NG6-starter/gulpfile.babel.js: Unexpected token (3:16) I'm getting this error could someone please help me? PatrickJS [tipe.io] @gdi2290 cc @nimamehanian what do you think of the error above? losorio35 @losorio35 I changed the gulpfile.babel.js file es5 var gulp = require('gulp'); var webpack = require( 'webpack-stream'); var path = require( 'path'); var sync = require( 'run-sequence'); var serve = require( 'browser-sync'); var rename = require( 'gulp-rename'); var template = require( 'gulp-template'); var fs = require( 'fs'); var yargs = require( 'yargs'); var lodash = require( 'lodash'); and it worked Now when I run gulp serve PatrickJS [tipe.io] @gdi2290 can you make a pull request? losorio35 @losorio35 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module app.components due to: Error: [$injector:modulerr] Failed to instantiate module home due to:
Error: [$injector:strictdi] function($stateProvider, $urlRouterProvider) is not using explicit annotation and cannot be invoked in strict mode http://errors.angularjs.org/1.4.5/$injector/strictdi?p0=function(%24stateProvider%2C%20%24urlRouterProvider)
at http://localhost:3000/bundle.js:154:13
at Function.annotate [as annotate] (http://localhost:3000/bundle.js:3828:18)
now I get this error
losorio35
@losorio35
run
npm install