quark-rollup-plugin-css-variable

一个能够支持替换css中符合规则的变量的rollup插件。

Usage

rollup.config.js

import cssVariable from '@quarkd/rollup-plugin-css-variable';

const variableMap = {
  textColorWhite: '#ffffff',
}

export default {
  input: 'index.js',
  output: { file: 'dist/index.js', format: 'esm'},
  plugins: [
    // 建议放在第一位
    cssVariable({
      variableMap,
      prefix: 'quark-'
    })
  ]
};

style.css - input

.text-white {
  color: quark-textColorWhite;
}

style.css - output

.text-white {
  color: #ffffff;
}