Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 15 15:20
    alanhg commented #1997
  • Sep 30 15:12
    bbrink68 commented #2049
  • Aug 23 13:34
    SouravKumar89 edited #2058
  • Aug 23 13:27
    SouravKumar89 opened #2058
  • Aug 22 00:04

    PatrickJS on master

    Update README.md (compare)

  • Aug 13 17:17
    ramsunvtech commented #1925
  • Aug 12 22:58
    terrancecorley commented #770
  • Aug 09 02:30
    jindovu commented #2049
  • Aug 09 02:22
    jindovu opened #2057
  • Aug 08 10:49
    krawinkelm commented #2053
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 09 11:40
    Sanafan commented #1713
  • Jul 05 11:41
    hoang-innomizetech commented #2053
  • Jul 05 07:32
    Jilaba commented #1824
  • Jun 29 04:31
    Jason-Cooke synchronize #2055
  • Jun 28 14:51
    jesslilly commented #1827
  • Jun 12 18:16
    dvaldivia commented #1969
  • Jun 12 17:55
    dvaldivia commented #2049
Ryan
@ryansonshine
@paraga-iprogrammer if you want to change the dev environment to a different port have a look at the webpack.dev.js file in the config directory. You should see the following:
const ENV = process.env.ENV = process.env.NODE_ENV = 'development';
const HOST = process.env.HOST || 'localhost';
const PORT = process.env.PORT || 3000;
const HMR = helpers.hasProcessFlag('hot');
const METADATA = webpackMerge(commonConfig({env: ENV}).metadata, {
  host: HOST,
  port: PORT,
  ENV: ENV,
  HMR: HMR
});
change the line of
const PORT = process.env.PORT || 3000;
to your desired port
paraga-iprogrammer
@paraga-iprogrammer
@ryansonshine
Thank you for your response. I was actually wanting to check if similar changes can be made for the production environment
I tried this PORT=8081 HOST="0.0.0.0" npm run server:dev:hmr command while initiating the server and managed to run the production environment on desired port
Will check these configurations recommended as well, thank you
Ryan
@ryansonshine
@paraga-iprogrammer take a look at https://webpack.js.org/guides/production-build/

more specifically, where the

--define process.env.NODE_ENV

line is found

server:dev:hmr calls server:dev which is actually webpack-dev-server --config config/webpack.dev.js
Franco Zanki
@fazanki
you can also do something like this
"server:dev": webpack-dev-server --config config/webpack.dev.js --port 3001 --inline --progress
in the package.json file
paraga-iprogrammer
@paraga-iprogrammer
Thanks guys, will try
Ryan
@ryansonshine
I'm having trouble getting global styles to be injected into the index.html

it says in the /src/styles/styles.scss:

/* this file will be extracted to main dist folder and is imported in index.html */
/* This file is for setting global styles  */
@import 'main.css';
@import 'fonts.css';

but the main.css and fonts.css are not being applied

do additonal changes need to be made in the webpack.config?
Franco Zanki
@fazanki
i think the ViewEncapsulation property in component decorator might be the reson for not getting styled
Ryan
@ryansonshine
@fazanki thanks for the lead; i'll take a look
although, I don't see any of the rules being inserted into the index.html
Franco Zanki
@fazanki
the global style can be imported into app.component with encapsulation set to none
Ryan
@ryansonshine
ahh gotcha
cool thanks! @fazanki
Franco Zanki
@fazanki
👍
Franco Zanki
@fazanki
is it possible to get window.location in webpack.prod.js?
Am i correct to think that window object is not available at webpack run time?
I follow to different tutorials to setup webpack , karma and angular but I still have the same problem...can someone help me?
fabio-silva
@fabio-silva
Hey there. Can anyone enlighten me about the difference (if existent) between:
  1. Having global style by importing it in the app.module (like what's being done for the nav), which results in a file being imported in index
  2. Setting NONE for app's component encapsulation, then defining global style in the app.component.css (also being done in the repo's code)
    Thanks :+1:
Ryan
@ryansonshine
Does anyone know why the webpack-starter doesn't use rollup?
David Alejandro Reyes Milian
@david-alejandro-reyes-milian
Hi there @ryansonshine, can I ask for a suggestion?
Ryan
@ryansonshine
@David
Err sry I'm driving now but go ahead and ask and I'll try to get back to you when I get home
Nguyen Ba Truong
@truongnguyen-ntq
There is an issue with the lazy module routing configuration
If for some reason, module +detail need to import module +barrel then barrel module routes will override detail module routes
so if you click on Detail button, it will load Barrel component
Is there any workaround?
Ryan
@ryansonshine
@david-alejandro-reyes-milian were you still looking for a suggestion?
Nguyen Ba Truong
@truongnguyen-ntq
@ryansonshine Should i make an issue on github repo for the issue above?
r3dp4nd4
@r3dp4nd4
has anyone used angular2 web pack starter to deploy a cloud foundry app? I'm failing at 'npm run webdriver:update'
GraemeWilde
@GraemeWilde
Hello, I'm using the angular-starter project and I have a question about the lazy loading. Whenever I run the app and open it in my browser, looking in the chrome console it shows all of the (supposed to be) lazy loaded modules "'__' component/bundle loaded asynchronously" messages right at the start, without having clicked on the route links. Is this how it's supposed to work? I got the impression that these modules shouldn't load, and the messages shouldn't show, until I actually click the links?
Nguyen Ba Truong
@truongnguyen-ntq
You can turn off it
by removing the preloading in the app module
Ryan
@ryansonshine
@r3dp4nd4 what error are you receiving?
Dan Cancro
@dancancro
Hi all. Still very much a work in progress, but here is my open source JHipster + ngrx + angular4 + angular-cli + Webpack + WebSockets + SpringMVC + Material Design + i18n + yarn + ElasticSearch deployed web application https://great-big-example-application.herokuapp.com and the repository https://github.com/dancancro/great-big-example-application
GraemeWilde
@GraemeWilde
@truongnguyen-ntq ah, thank you
Ryan
@ryansonshine
Has anyone successfully used the HMR against a live backend server?
Pierre CAVIN
@SherlockStd
yep