Node.jsとReact.jsでLESSをコンパイル

Question

React.jsで自動的にLESSをコンパイルする方法はありますか？

私がインストールしたことaccording to the docs

私はlesscコマンドを使用することが可能です知っているが、手動で毎回少ないが更新されたコマンドを実行するために、面倒なようです。

私も、このいずれかを試してみたが、それは動作しません：

import React, {Component} from 'react'; 
import ReactDOM from "react-dom"; 

var less = require('less'); 
var lessCss = require('./app.less'); 

console.log(lessCss); //output: /static/media/app.725ced4d.less 

less.render(lessCss, function (e, output) { 
    console.log(e); //output: Unrecognized Input 
    console.log(output); //output: undefined 
}); 

class Main extends Component { 
    /* render functions */ 

Answer 1

ネイティブあなたはすでに必要なすべてのものが付属して反応して、私はLESSを使用していないお勧めしますが、公式ドキュメントから好ましい方法になります。

const styles = StyleSheet.create({ 
    mainView: { 
     flex: 1, 
     flexDirection: 'column', 
     justifyContent: 'center', 
     alignItems: 'center' 
    }, 
    ... 
}); 

出典：https://facebook.github.io/react-native/docs/style.html