rn-css-js

在react native 使用css scss，编译成js

安装

npm install rn-css-js --save-dev

使用方法

var {Project} = require('rn-css-js');

var project = new Project({
    inputPut: './css/**/!(_)*.{scss,css}',
    outPut: (outPut)=>{
        return outPut.replace(/\/css\//, '/test/')
    },
    useEs6:false,

});
project.run();

编译前后

编译前css

.test{
    border:1px solid #fff;
    padding:1px 2px 4px 3px;
    transform: scale(.9, 8) rotate(7deg);
    color: #000;
    font-size: 12px;
    margin:1px 3px 4px 5px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 10px 10px 5px #888888;
}

编译后js

module.exports = {
    test:{
        "borderWidth": 1,
        "borderStyle": "solid",
        "borderColor": "#fff",
        "paddingTop": 1,
        "paddingRight": 2,
        "paddingBottom": 4,
        "paddingLeft": 3,
        "color": "#000",
        "fontSize": 12,
        "marginTop": 1,
        "marginRight": 3,
        "marginBottom": 4,
        "marginLeft": 5,
        "borderRadius": 10,
        "textAlign": "center",
        "shadowColor": "#888888",
        "shadowOpacity": 1,
        "shadowRadius": 5,
        "transform": [
                {
                        "scale": 0.9
                },
                {
                        "rotate": "7deg"
                }
        ],
        "shadowOffset": {
                "width": 10,
                "height": 10
        },
    },
}

关于

Licensed under MIT. Based off of the works of react-native-css.