Is there any way to tell angular-cli (for angular 2) to generate minified version of css?

Question

As the title says, when I run "ng serve" angular-cli generates normal css whereas I expect to get the minified version. Is there any specific setting to use for angular-cli-build, or some additional plugin to install and use?

This is my angular-cli-build.js

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');   module.exports = function(defaults) {   return new Angular2App(defaults, {     vendorNpmFiles: [       'systemjs/dist/system-polyfills.js',       'systemjs/dist/system.src.js',       'zone.js/dist/**/*.+(js|js.map)',       'es6-shim/es6-shim.js',       'reflect-metadata/**/*.+(ts|js|js.map)',       'rxjs/**/*.+(js|js.map)',       '@angular/**/*.+(js|js.map)',       'angular2-cookie/**/*.js'     ]   }); }; 

Answer 1

ng build --prod --env=prod 

or

ng serve --prod 

Will minify and add a file hash for you.

• the --prod tells it to minify hash, and gzip.
• the --env=prod tells it to use your prod environment constants file.

which would look like this