lightningcss 加速webpack失败

简介

lightningcss官网（国内打不开）

用rust编写的css处理工具，可以压缩css。

下面是官网的速度对比图

webpack中使用

根据 lightningcss-loader npm文档 所述

先安装依赖，npm install lightningcss lightningcss-loader

配置 webpack.config.js

// webpack.config.js
const { LightningCssMinifyPlugin } = require('lightningcss-loader')

module.exports = {
  optimization: {
    minimizer: [
      new LightningCssMinifyPlugin()
    ]
  },
};

结果

dev

optimization.minimize=true，npm run dev ，分别跑5次。

esbuild: 29043ms, 28539ms, 25565ms, 24691ms, 25171ms

lightningcss: 25739ms, 24770ms, 25328ms, 23340ms, 24187ms

build

npm run build

esbuild: 23790ms, 24577ms, 26347ms

lightningcss:

        Unexpected token String("--input-color-border_disabled")

？？？

WTF

写不下去了.

终了。