在Node.js和React.js中編譯LESS

Question

有沒有辦法在React.js中自動編譯LESS？

我已經根據文檔安裝了它

我知道可以使用lessc命令，但是每次更新較少的命令時手動運行該命令似乎很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

React Native附帶了您已經需要的一切，我建議您不要使用LESS，而應使用官方文檔中的首選方法：

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

資料來源： https : //facebook.github.io/react-native/docs/style.html