javascript - 将网页的 CSS 转换为用于 react-native-render-html 的 javascript npm 包

Question

我在 javasript 变量中有一个 CSS 作为字符串，

@import url('https://themes.googleusercontent.com/fonts/css?kit=OPeqXG-QxW3ZD8BtmPikfA');
o {
    margin: 0;
    padding: 0
}
table td,
table th {
    padding: 0
}
.c2 {
    margin-left: 7pt;
    padding-top: 0pt;
}
.c3 {
    color: #000000;
    font-weight: 400;
}

我想获得类标签 css speperate 并作为以下格式

tagsStyles =  {o: { margin:0, padding:0} }

classesStyles = { 'c2': { margin-left: '7pt', padding-top: 0pt,},'c3' : {color: '#000000',font-weight: '400'} }

请注意引号''。

基本上我需要将样式从网页源转换为

https://www.npmjs.com/package/react-native-render-html#styling

这个 npm 包的样式

Answer 1

已解决

借助 npm juice 库将内部 CSS 转换为内联 CSS。