frankkai/babel-plugin-rgba

十六进制颜色转换为RGBA颜色babel插件。

babel-plugin-rgba

十六进制颜色转换为RGBA颜色babel插件。 支持js，ts文件中的变量定义，变量赋值转换。

install

yarn add babel-plugin-rgba -D

.babelrc

{
  "plugins": [
    [
      "babel-plugin-rgba",
      {
        "alpha": 0.75
      }
    ]
  ]
}

example

// input.js
const color1 = "#ffffff";
const color2 = "#fff";

function test() {
  const color3 = "#fff";
}

=>

// output.js
const color1 = "rgba(255, 255, 255, 0.75)";
const color2 = "rgba(255, 255, 255, 0.75)";

function test() {
  const color3 = "rgba(255, 255, 255, 0.75)";
}

development

yarn test