Production build #41

SonicGD · 2015-10-21T05:37:30Z

ng build --environment=production

generate dist with dev versions of angular and systemjs, and my app files with .ts and source maps.

The text was updated successfully, but these errors were encountered:

jimthedev · 2015-10-21T14:47:28Z

Are you getting a specific error? I was able to run this it generates to dist/

Make sure you've got node > 4.1.0.

SonicGD · 2015-10-23T08:12:10Z

No, i don't say it fails, i say it's not 'production'. Production build should contain .min lib files, no ts or sourcemaps and etc

IgorMinar · 2015-10-23T14:28:37Z

Prod builds (or any custom environment builds) are currently not supported. It's one of the many things that need to happen in order to make this project production ready.

sivaah · 2015-12-15T11:05:57Z

Looks like the /dist directory contains the exact copy of src directory including typescript files. I think the typescript files are not required in /dist. The /dist/vendor directory is clean, which has only the javascript files.

cironunes · 2016-01-26T00:00:20Z

In order to do the production build we can take the current build and:

remove livereload references in the index.html
stop copying the ts files
stop copying the tsconfig.json file
add a CNAME?
enableProdMode()
assure that pre-compiled style (LESS/SASS) files are not copied to the dist directory (tks @Brocco )

What else?

Brocco · 2016-01-26T01:07:12Z

Assure that pre-compiled style (LESS/SASS) files are not copied to the dist directory

filipesilva · 2016-01-26T13:24:55Z

Config files perhaps, with API addresses and 3rd party services tokens.

alexpaluzzi · 2016-02-29T19:24:26Z

I think this list looks good @cironunes. Will we also be minifying/mangling?

Really, this production flow is the only thing missing for me to start using this hard right now.

hansl · 2016-03-18T18:02:47Z

Picked this as the official production build issue to follow.

For production build: - remove live reload references (still not 100%) - stop copying tests and .ts files + tsconfig.json Missing: - enableProdMode() - add a CNAME file Closes angular#41

Closes angular#41

cironunes · 2016-04-04T08:23:52Z

Still missing:

add a CNAME?
enableProdMode()
inlining HTML and CSS resources
bundling
taking lazy routes into account
only use service worker in prod builds feat: add support for environment-based build pipeline #230

alexpaluzzi · 2016-04-04T15:03:09Z

So we are bundling now? That would be the best news I've heard all week.

cironunes · 2016-04-04T18:39:31Z

I'd love to continue working on that, but I just don't have the time at the moment :(
I'm glad that Filipe is taking care of it. 😄

filipesilva · 2016-04-08T13:47:49Z

@cironunes I added another item to the list:

only use service worker in prod builds feat: add support for environment-based build pipeline #230

JohannesHoppe · 2016-04-11T17:19:22Z

You are talking about adding a CNAME file, which implies that Github Pages is a "first citizen". If you directly support gh-pages, than you also want to copy dist/index.html to dist/404.html. This will enable browser-reloads together with the PathLocationStrategy.

alexpaluzzi · 2016-04-26T21:47:40Z

I know still WIP here, but am I missing a flag for using the production vendor libs or is it just unfinished? I can only get angular2.dev.js for instance. That ~1 second bootstrapping time is maddening. Cheers!

filipesilva · 2016-04-27T11:23:55Z

That bit is the next one I'm working on, to be able to bundle stuff.

cdarken · 2016-05-19T13:09:11Z

Is there any way to add a custom environment by creating a file named for instance config/environment.stage.ts and then execute ng build --environment=stage ? It looks like it's defaulting to dev now.

filipesilva · 2016-05-19T13:15:49Z

@cdarken no, it is not currently possible to have more environments other than dev and prod. It's one of my next action items though.

I should mention though (since I haven't yet updated the readme), all builds using -prod use bundling and tree shaking at the moment.

cdarken · 2016-05-19T13:19:35Z

Thanks, I will wait patiently then.

mashhoodr · 2016-05-30T06:57:57Z

hello @filipesilva do we have an approximate timeline for this? I have a project that I will need to deploy to production soon, is there anything you recommend we should use until this is completed?

filipesilva · 2016-06-02T02:34:35Z

@mashhoodr you can already do production builds, the thing that is missing is more than 2 environments.

marcalj · 2016-06-03T14:52:46Z

What about Service Workers?
Also images are minifyed and filerevved? (for permanent caching)

Thanks guys!!!

filipesilva · 2016-06-03T16:13:40Z

Currently service workers are only enabled for mobile projects, but we're looking at having them in all prod builds.

Images are not processed at the moment either.

filipesilva · 2016-07-27T02:50:33Z

I think this issue is obsolete by now. All of the features mentioned so far have been addressed, with the possible exception of having service workers in all prod builds. That warrants discussion though so probably should be another issue.

pardipbhatti8791 · 2016-08-15T05:21:52Z

can anyone tell plz how to run angular cli production mode forever. i want to deploy production build on live server. But i am not getting it.

neilhem · 2016-08-15T05:34:02Z

Run ng build -prod

Avien · 2016-11-06T11:02:41Z

Currently ng build --prod still generates source maps
How can I build without suorce maps?
Thanks

Misiu · 2016-12-01T20:25:48Z

@neilhem is there an option to skip sourcemaps generation when building using ng build -prod?

Perezmarc · 2016-12-21T09:41:51Z

Hey @Misiu, I'm using ng build --prod --aot --no-sourcemap --no-vendor-chunk for my production build.

Still, I get too many files that I believe are unnecessary (but maybe they're not). Would be nice to have all the production deployment options such as: How to deploy gzipped version, how to deploy not gzipped version, with sourcemaps, without sourcemaps...

This are all the files I get when I execute that command. Would appreciate a way to tidy up the production build, maybe include folders to separate files, such as 'js' & 'css'. I also would like to know if I can upload to my cloudfront the .gz without uploading the .js

my angular-cli.json

{
"project": {
"version": "1.0.0-beta.22-1",
"name": "webapp-21b"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"download",
".well-known",
"robots.txt",
"sitemap.xml"
],
"index": "index.html",
"main": "main.ts",
"test": "test.ts",
"tsconfig": "tsconfig.json",
"prefix": "app",
"mobile": false,
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"./css/main.scss",
"./css/buttons.scss",
"./css/forms.scss",
"./css/navbar.scss",
"./css/nouislider.scss",
"./css/mixins.scss",
"./css/spinner.scss",
"./css/utils.scss",
"./css/vars.scss"
],
"scripts": [
"./assets/js/noUiSlider.9.0.0/nouislider.min.js",
"./assets/js/wNumb.js"
],
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"addons": [
],
"packages": [
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "scss",
"prefixInterfaces": false,
"inline": {
"style": false,
"template": false
},
"spec": {
"class": false,
"component": true,
"directive": true,
"module": false,
"pipe": true,
"service": true
}
}
}

Mahi8686 · 2017-02-09T15:35:24Z

Can anybody explain,
how to run forever with angular-cli?
What changes i need to do in my files?

Thanks :)

RouteTest

angular-automatic-lock-bot · 2019-09-06T17:41:22Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

cironunes added the feature Issue that requests a new feature label Nov 27, 2015

cironunes self-assigned this Jan 26, 2016

cironunes mentioned this issue Mar 1, 2016

ng init generate ember-cli-build.js #265

Closed

hansl added effort3: hard (weeks/months) phase: implementation labels Mar 17, 2016

hansl added this to the alpha.0 milestone Mar 17, 2016

hansl mentioned this issue Mar 18, 2016

feat: add support for environment-based build pipeline #230

Closed

hansl changed the title ~~Can't do production build~~ Production build Mar 18, 2016

cironunes mentioned this issue Mar 20, 2016

feat(build production): introduce the production build #329

Merged

4 tasks

cironunes added a commit to cironunes/angular-cli that referenced this issue Apr 3, 2016

feat(build production): introduce the production build

a058996

Closes angular#41

cironunes closed this as completed in #329 Apr 4, 2016

cironunes reopened this Apr 4, 2016

filipesilva mentioned this issue Apr 13, 2016

Add environment config to builds #411

Merged

aciccarello mentioned this issue Jun 3, 2016

ng build outfile very big, how to mini #994

Closed

filipesilva mentioned this issue Jun 3, 2016

routing does not work on GitHub Pages #995

Closed

filipesilva added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label Jun 4, 2016

filipesilva mentioned this issue Jun 6, 2016

fix(gh-deploy): fix deep links #1020

Merged

filipesilva closed this as completed Jul 27, 2016

mvrahden added a commit to mvrahden/learning-agents that referenced this issue Apr 19, 2018

add 404.html according to angular/angular-cli#41 (comment)

836e38b

wildVeli referenced this issue in wildVeli/wildVeli.github.io Jun 19, 2019

RouteTest

4a54a5d

RouteTest

angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 6, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Production build #41

Production build #41

SonicGD commented Oct 21, 2015

jimthedev commented Oct 21, 2015

SonicGD commented Oct 23, 2015

IgorMinar commented Oct 23, 2015

sivaah commented Dec 15, 2015

cironunes commented Jan 26, 2016

Brocco commented Jan 26, 2016

filipesilva commented Jan 26, 2016

alexpaluzzi commented Feb 29, 2016

hansl commented Mar 18, 2016

cironunes commented Apr 4, 2016

alexpaluzzi commented Apr 4, 2016

cironunes commented Apr 4, 2016

filipesilva commented Apr 8, 2016

JohannesHoppe commented Apr 11, 2016

alexpaluzzi commented Apr 26, 2016

filipesilva commented Apr 27, 2016

cdarken commented May 19, 2016

filipesilva commented May 19, 2016

cdarken commented May 19, 2016

mashhoodr commented May 30, 2016

filipesilva commented Jun 2, 2016

marcalj commented Jun 3, 2016

filipesilva commented Jun 3, 2016

filipesilva commented Jul 27, 2016

pardipbhatti8791 commented Aug 15, 2016

neilhem commented Aug 15, 2016

Avien commented Nov 6, 2016

Misiu commented Dec 1, 2016

Perezmarc commented Dec 21, 2016 •

edited

Mahi8686 commented Feb 9, 2017 •

edited

angular-automatic-lock-bot bot commented Sep 6, 2019

Production build #41

Production build #41

Comments

SonicGD commented Oct 21, 2015

jimthedev commented Oct 21, 2015

SonicGD commented Oct 23, 2015

IgorMinar commented Oct 23, 2015

sivaah commented Dec 15, 2015

cironunes commented Jan 26, 2016

Brocco commented Jan 26, 2016

filipesilva commented Jan 26, 2016

alexpaluzzi commented Feb 29, 2016

hansl commented Mar 18, 2016

cironunes commented Apr 4, 2016

alexpaluzzi commented Apr 4, 2016

cironunes commented Apr 4, 2016

filipesilva commented Apr 8, 2016

JohannesHoppe commented Apr 11, 2016

alexpaluzzi commented Apr 26, 2016

filipesilva commented Apr 27, 2016

cdarken commented May 19, 2016

filipesilva commented May 19, 2016

cdarken commented May 19, 2016

mashhoodr commented May 30, 2016

filipesilva commented Jun 2, 2016

marcalj commented Jun 3, 2016

filipesilva commented Jun 3, 2016

filipesilva commented Jul 27, 2016

pardipbhatti8791 commented Aug 15, 2016

neilhem commented Aug 15, 2016

Avien commented Nov 6, 2016

Misiu commented Dec 1, 2016

Perezmarc commented Dec 21, 2016 • edited

Mahi8686 commented Feb 9, 2017 • edited

angular-automatic-lock-bot bot commented Sep 6, 2019

Perezmarc commented Dec 21, 2016 •

edited

Mahi8686 commented Feb 9, 2017 •

edited