将网页的CSS转换为javascript npm包以进行react-native-render-html

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。