Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
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
    fadehelix commented #251
  • 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
    fadehelix synchronize #251
  • 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...
I like your 'yeoman'-like generator in your starters. Very clever.
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).
Thank you for your time.
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