npm install postcss-value-parser
script
const { parse, stringify } = require('postcss-value-parser');
const parsedValue = parse('10px');
parsedValue.nodes[0].value = '20px';
const modifiedValue = stringify(parsedValue);
script
const postcss = require('postcss');
const postcssValueParser = require('postcss-value-parser');
const plugin = postcss.plugin('my-plugin', () => {
return (root) => {
root.walkDecls((decl) => {
const parsedValue = postcssValueParser(decl.value);
parsedValue.nodes[0].value = '20px';
const modifiedValue = parsedValue.toString();
decl.value = modifiedValue;
});
};
});
postcss([plugin])
.process(css)
.then((result) => {
console.log(result.css);
});