Ember-cli CSS压缩移除引号空格，如何禁用对应压缩规则？

Ember CLI 内置的CSS压缩能力基于clean-css工具实现，属性选择器中大小写不敏感标识i被错误合并的问题，可通过调整minifyCSS配置解决。

完整修改后的配置 #

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    minifyCSS: {
      options: { 
        processImport: true,
        // 新增的配置项
        removeQuotes: false,
        compatibility: '*'
      }
    }
  });

  //...
  return app.toTree();
};

参数说明 #

• removeQuotes: false：禁止压缩工具移除属性选择器中包裹属性值的引号，避免[attribute*="value" i]中的引号被删除后触发后续的错误合并
• compatibility: '*'：告知clean-css兼容所有现行CSS语法，会自动识别属性选择器的i修饰符，保留属性值与修饰符之间的空格，不会将两者错误合并为valuei

如果需要更精细化控制压缩规则，可补充优化级别配置关闭选择器自动整理逻辑：

minifyCSS: {
  options: { 
    processImport: true,
    removeQuotes: false,
    level: {
      1: {
        tidySelectors: false
      }
    }
  }
}

内容的提问来源于stack exchange，提问作者Daniel Abril