build-plugin-smart-optimize-css

对于聚合工程的css代码进行优化,支持以下功能

功能点:

• 压缩
• 排序(支持选择器列表进行文件内容排序)
• 去重(根据选择器 + 选择器内容去重)

安装

  ayarn add -D build-plugin-smart-optimize-css

使用方法

在Rax项目build.json配置如下:

{
  "plugins": [
    [
      "build-plugin-smart-optimize-css",
      {
        "files": [
          // 选择需要进行处理的css文件, 支持acss,css,wxss
          "./build/miniapp/bundle.css.acss",
          "./build/wechat-miniprogram/bundle.css.wxss"
        ],
        // 可选, 收集sorts的匹配名称进行整体排序
        "sorts": [
          "page",
          ".h5-",
          ".rax-",
          "@font-face",
          ".mt-"
        ],
        // 可选, 默认为true, 根据选择器hash后内容进行去重操作
        "unique": true,
        // 可选, 不传入的话,根据process.env.NODE_ENV === 'development'不压缩代码,其他压缩
        "compress": false,
      }
    ],
  ]
}