MorJS cssMinimizerOptions - CSS 壓縮選項

• 類型: ?object?
• 默認(rèn)值: ?{}?

css 壓縮器自定義配置, 使用時請結(jié)合 ?cssMinimizer? 所指定的壓縮器來配置, 不同的壓縮器對應(yīng)的配置方式不同，參見：

• ?cssnano?: https://cssnano.co/
• ?csso?: https://github.com/css/csso
• ?cleanCss?: https://github.com/clean-css/clean-css
• ?esbuild?: https://esbuild.github.io/api/#minify
• ?parcelcss?: https://parceljs.org/languages/css/#minification

cssMinimizerOptions 的配置會和 MorJS 內(nèi)部的配置進(jìn)行合并，且 ?cssMinimizerOptions? 的優(yōu)先級更高。

使用 ?esbuild? 壓縮 ?css? 注意事項： ????

• ?esbuild? 壓縮器開啟壓縮時會默認(rèn)將 ?0.5rpx? 壓縮為 ?.5rpx? 的形式，而由于 ?.5rpx? 的樣式壓縮寫法在支付寶 IDE 中目前(2023.06.26) 不支持，需要使用完整的 ?0.5rpx? 寫法，后續(xù)支付寶 IDE 產(chǎn)研同學(xué)兼容后將自動修復(fù)，如遇到類似問題引發(fā)的樣式顯示錯誤，可添加以下配置以關(guān)閉 ?minifySyntax? 進(jìn)行兼容

{
  ...otherConfigs,
  cssMinimizerOptions: {
    minify: false,
    minifyWhitespace: true,
    minifyIdentifiers: true,
    minifySyntax: false,
    legalComments: 'inline',
  },
}

• 默認(rèn)情況下 MorJS 配置的 ?esbuild? 壓縮 css 選項為 ?target: ['safari10']?，該 target 下 ?rgba(0,0,0,0)? 會被壓縮為 16 進(jìn)制的 ?HexRGBA?，參見 ebuild 源代碼，部分較老的瀏覽器下可能會不兼容，解決辦法為指定 ?target: ['safari9']? 來解決

{
  ...otherConfigs,
  cssMinimizerOptions: {
    target: ['safari9']
  },
}