css is not minified in production environment

[MartinMalinda]

running ember build --environment=production it is clear there's no css minification

[voltidev]

The same here.

[voltidev]

Just in case, here is a workaround, I'm using for now:

$ npm install --save-dev broccoli-clean-css

ember-cli-build.js:

'use strict';

const GlimmerApp = require('@glimmer/application-pipeline').GlimmerApp;
const CleanCss = require('broccoli-clean-css');

class CustomApp extends GlimmerApp {
  cssTree() {
    let originalTree = super.cssTree();
    let isProduction = this.env === 'production';
    return isProduction ? new CleanCss(originalTree) : originalTree;
  }
}

module.exports = function(defaults) {
  let app = new CustomApp(defaults, {
    fingerprint: {
      exclude: ['apple-touch-icon', 'favicon', 'mstile', 'android-chrome']
    }
  });

  return app.toTree();
};

[rwjblue]

Ya, the goal was for ember-cli-clean-css to do this automatically (which leverages broccoli-clean-css under the hood), but I forgot to do some final testing and publishing.

[tschoartschi]

@ivanvotti thanks for the tip. I tried ember-cli-clean-css but it still does not work. Your solution did the trick for me :-)