Building Angular for production without installing devDependencies

angular npm build production
Scuba Kay picture Scuba Kay · Jun 28, 2018 · Viewed 7.3k times · Source

I am currently trying to create a Docker container to build my production Angular app. I am using npm. I want to install dependencies only (so no devDependencies), so I want to do this:

npm install --only=prod ng build project-name --prod

The only problem is that I am missing a lot of packages like @angular/cli and @angular-devkit/build-angular for my build. I couldn't find any good solutions on the internet, but I don't want my build to include all my devDependencies. Also, I don't want my production build to contain any of the packages required to build. Is there a good solution for this?

Answer

kauppfbi picture kauppfbi · Jun 28, 2018

Don't worry about your dependencies.

When you trigger a production build with the @angular/cli via 

ng build --prod

Angular will treeshake unused packages and code out of your bundle! See https://github.com/angular/angular-cli/wiki/build for all the build options you can set.

The only thing you have to consider is, how you use your packages and if your dependencies support treeshaking as well. Avoid imports like:

import * as xy from 'packageXY';

Another hint is the npm package Webpack-Bundle-Analyzer Execute these commands in order to inspect/anlayze your bundle:

npm i webpack-bundle-analyzer

ng build --prod --stats-json

cd dist 

webpack-bundle-analyzer stats.json

enter image description here

Related questions

Checking version of angular-cli that's installed?

Is there a way to check the specific version of angular-cli that's installed globally on my machine? I'm in a Windows environment. *npm -v* and *node -v* only gives me the version of npm and node respectively, and I can't …

Read More
NPM Install Error:Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'

When Creating a new Angular 5 project: node version: 8.9.2 npm version: 5.5.1 My Command is npm install -g @angular/cli the Error is npm ERR! **Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'** npm ERR! A complete log of …

Read More
npm WARN ... requires a peer of ... but none is installed. You must install peer dependencies yourself

I tried to run a project downloaded from github. Unfortunately, during npm install the following warnings were shown. I tried to change the version based on this question. However, I had a problem, because some packages require multiple versions other …

Read More