Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 25 18:58

    PatrickJS on master

    Update README.md (compare)

  • Sep 24 19:59
    jimzshi closed #252
  • Sep 24 19:58
    jimzshi opened #252
  • 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
smccamley
@smccamley
Is there anyone that can help :)
smccamley
@smccamley
No problem here, just needed to remove and reinstall gulp
Thank you if anyone was looking into it for me :)
Javier Ruiz Vázquez
@javarv87
Hey anybody knows how to integrate bower components into my project
Darth Skywalker
@adityaparab
@javarv87 : Yes. What do you want to do?
Javier Ruiz Vázquez
@javarv87
i want to integrate angular-sails and bootstrap
and angular-ui @adityaparab
Javier Ruiz Vázquez
@javarv87
And i want to add and assets folder
for example for de favicon and other images and fonts
Javier Ruiz Vázquez
@javarv87
I could resolve the problem with bootstrap, but i steel with the images path, when i use gulp webpack to production, dont pass my assets folder
I have my project structure like this
client
|--- app
|--- assets
|--- all my images here
EyeAmN8
@mrnatelantz_twitter
Anyone have any issues when running gulp webpack ?
it does not show any errors, but the app doesnt do anything when ran. works from the webpack dev server
Nitin Kumar Mishra
@nitinkumarmishra
Hi guys, am new to web-pack, I have one question how to use font-awesome in project
Nitin Kumar Mishra
@nitinkumarmishra
thanks @fesor
Nitin Kumar Mishra
@nitinkumarmishra
@fesor one more question how to inject a particular js, css file from node_modules like angular-translate.js
Sergey Protko
@fesor
@nitinkumarmishra real about import in JS
ES6 modules
Nitin Kumar Mishra
@nitinkumarmishra
suppose am using a old js file that does not contain export (in that case)
Sergey Protko
@fesor
@nitinkumarmishra it doesn't metter. It will be executed and since it doesn't uses modules it will expose API as global variable.
Nitin Kumar Mishra
@nitinkumarmishra
ok let me try
Nitin Kumar Mishra
@nitinkumarmishra
Hi guys, live reload is not working(any idea)
Darth Skywalker
@adityaparab
@nitinkumarmishra : Code please
Nitin Kumar Mishra
@nitinkumarmishra
means webpack config file
Nitin Kumar Mishra
@nitinkumarmishra

@adityaparab problem occurs after font loading

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
devtool: 'sourcemap',
entry: {},
module: {
loaders: [
{ test: /.js$/, exclude: [/app\/lib/, /node_modules/], loader: 'ng-annotate!babel' },
{ test: /.(png)$/, loader: 'url-loader?limit=100000' },
{ test: /.woff(2)?(\?v=\d+.\d+.\d+)?$/, loader: "url?limit=10000&mimetype=application/font-woff" },
{ test: /.ttf(\?v=\d+.\d+.\d+)?$/, loader: "url?limit=10000&mimetype=application/octet-stream" },
{ test: /.eot(\?v=\d+.\d+.\d+)?$/, loader: "file" },
{ test: /.svg(\?v=\d+.\d+.\d+)?$/, loader: "url?limit=10000&mimetype=image/svg+xml" },
{ test: /.html$/, loader: 'raw' },
{ test: /.(sass|scss)$/, loader: 'style!css!sass' },
{ test: /.css$/, loader: 'style!css' }
]
},
plugins: [
// Injects bundles in your index.html instead of wiring all manually.
// It also adds hash to all injected assets so we don't have problems
// with cache purging during deployment.
new HtmlWebpackPlugin({
template: 'client/index.html',
inject: 'body',
hash: true
}),

// Automatically move all modules defined outside of application directory to vendor bundle.
// If you are using more complicated project structure, consider to specify common chunks manually.
new webpack.optimize.CommonsChunkPlugin({
  name: 'vendor',
  minChunks: function (module, count) {
    return module.resource && module.resource.indexOf(path.resolve(__dirname, 'client')) === -1;
  }
})

]
};

T-G-G
@T-G-G
Hey people prob a noob question but can anyone tell me why webpack is including loads of es6 and es7 modules into the dist code??
Sergey Protko
@fesor
@T-G-G what do you mean?
T-G-G
@T-G-G
This message was deleted
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: function (module, count) {
        //console.log(module.rawRequest);
        console.log(module.resource);
        return module.resource && module.resource.indexOf(path.resolve(__dirname, 'client')) === -1;
      }
    })
If you look at the logs of that shows all kinda es6 and 7 stuff being webpacked and the bundles seem comparatively huge compared to vanilla angular stuff.
T-G-G
@T-G-G
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: function (module, count) {
        //console.log(module.rawRequest);
        console.log(module.resource);
        return module.resource && module.resource.indexOf(path.resolve(__dirname, 'client')) === -1;
      }
    })
If you look at the logs of that shows all kinda es6 and 7 stuff being webpacked and the bundles seem comparatively huge compared to vanilla angular stuff.
T-G-G
@T-G-G
Also found in the vendor.bundle.js.map, its all the core-js modules but don't know what it would have es7 stuff loaded when i changed the .bablerc to have just es2015
Sergey Protko
@fesor
@T-G-G all this shim stuff is added in gulpfile.babel.js
you could turn it off and only use polyfils that you need
T-G-G
@T-G-G
Again prob quiet noobish but how would I do that all i can see in the gulpfile.babel.js is 'babel-polyfill' relating to babel in anyway, how would I make it so that it only loads those that are required or even only the es6 stuff at least?
Sergey Protko
@fesor

is 'babel-polyfill' relating to babel in anyway

this is ALL polyfils, you can import only that you need

T-G-G
@T-G-G
@fesor Cheers!!! playing with the different pre-set's now don't suppose anyone knows a lightweight es2015 as the babel-preset-es2015 is actually bigger weirdly
Sergey Protko
@fesor
@T-G-G AngularClass/NG6-starter#143
T-G-G
@T-G-G
@fesor You sir are a legend!!
Arturo Romero
@arturoromeroslc

Hello Friends!

I am looking for some help. I am trying to import rx-angular into my application by add the following in home.js:

import angular from 'angular';
import homeComponent from './home.component';
import rx from 'rx-angular';

let homeModule = angular.module('home', [
    'firebase',
    rx
])

.component('home', homeComponent)

.name;

export default homeModule;

I am however getting this error from webpack, do ya'll any idea of what I am doing worng. Thanks for the help.

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:modulerr] Failed to instantiate module {"internals":{},"config":{"longStackSupport":false,"useNativeEvents":false},"helpers":{},"doneEnumerator":{"done":true},"ReactiveTest":{"created":100,"subscribed":200,"disposed":1000}} due to:
Error: [ng:areq] Argument 'module' is not a function, got Object
proJS
@dssorokin

Hi guys. My problem is that ui-router events $stateChangeStart and $stateChangeSuccess doesn't work in this template. I put this code

$rootScope.$on('$stateChangeStart', function(){
console.log('start');
})
$rootScope.$on('$stateChangeSuccess', function(){
console.log('success');
})
at run function in app.js file. When i change the state nothing happend.

Sergey Protko
@fesor
@dssorokin please read documentation for uiRouter 1.0beta
@dssorokin i didn't tried uiRouter 1.0 yet so can't help you with that. I only know that this is not starter's problem. You could also downgrade to latest stable uiRouter release.
proJS
@dssorokin
@fesor thank you. It turned out that ui-routes events has been deprecated in new version.
Ramy Tamer
@ramytamer
Hi guys, could you please tell me how to import jquery-ui in my project along with all the required css and images from the library?
Kévin
@kevincaradant

Hi @arturoromeroslc

Hello Friends!

I am looking for some help. I am trying to import rx-angular into my application by add the following in home.js:

import angular from 'angular';
import homeComponent from './home.component';
import rx from 'rx-angular';

let homeModule = angular.module('home', [
    'firebase',
    rx
])

.component('home', homeComponent)

.name;

export default homeModule;

I am however getting this error from webpack, do ya'll any idea of what I am doing worng. Thanks for the help.

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:modulerr] Failed to instantiate module {"internals":{},"config":{"longStackSupport":false,"useNativeEvents":false},"helpers":{},"doneEnumerator":{"done":true},"ReactiveTest":{"created":100,"subscribed":200,"disposed":1000}} due to:
Error: [ng:areq] Argument 'module' is not a function, got Object

Did you find the solution ? i get exactly the same problem :/ . Thank you

Ramy Tamer
@ramytamer
@kevincaradant try to include rx in home module as a string 'rx'
let homeModule = angular.module('home', [
    'firebase',
    'rx'
])
Kévin
@kevincaradant
yes thank you @ramytamer :)
Ramy Tamer
@ramytamer
Can anyone please tell me what is happening here ?
issue: http://ramytamer.com/angular-ng6-starter.mp4
solution: http://ramytamer.com/angular-ng6-starter-resolve.mp4
Josoroma
@josoroma

Hi Hackers!

I am trying to know where is the right place to properly import and pass as a dependency the angular material package, I just found this:

AngularClass/NG6-starter@ced8cff

so app.js is the right place to import this module?

Josoroma
@josoroma
Hi again! I have a roadblock trying to separate the config file into a separate file:
angular.module('assessments', [
  uiRouter,
  Common,
  Components
])
.config(($locationProvider) => {
  "ngInject";
  // @see: https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions
  // #how-to-configure-your-server-to-work-with-html5mode
  $locationProvider.html5Mode(true).hashPrefix('!');
})