我有一个css的javascript字符串:
let style = '' +
'body {display: flex;} ' +
'body {background: red;}' +
'#id5 {color: blue;}' +
'$id7 {color: green;}' +
'#id5 {color: yellow;}';
我正在尝试在我的项目中导入postcss,这样我就可以使用组合复制选择器:https://www.npmjs.com/package/postcss-combine-duplicated-selectors
const postcss = require('postcss-js');
const postcsscombine = require('postcss-combine-duplicated-selectors');
let combiner = postcss.sync([ postcsscombine ]);
let newStyle = combiner(style);
console.log(newStyle);
所需的输出将类似于:
'body {display: flex; background: red;} #id5 {color: yellow} #id7 {color: green;}'
实际产出
{ '0': 'b',
'1': 'o',
'2': 'd',
'3': 'y',
'4': ' ',
'5': '{',
'6': 'd',
...
'100': 'l',
'101': 'o',
'102': 'w',
'103': ';',
'104': '}' }
它看起来像postcss处理传入的样式对象,而不是字符串。有没有办法解决这个问题,以获得所需的输出?
https://stackoverflow.com/questions/50066587
复制相似问题