Javascript 在Node.js中编译较少&；React.js

有没有办法在React.js中自动编译更少的代码

我已经安装好了

我知道可以使用

lessc

命令，但每次更新less时手动运行该命令似乎很乏味

我也试过这个，但不起作用：

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 */

---

React Native已经提供了您所需的一切，我建议您不要少用，而是使用官方文档中的首选方式：

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

---

资料来源：

我想我没有使用任何网页。。我使用给定的命令创建了示例应用程序。并修改了那个项目。具体是什么命令？生成的package.json中有什么？你如何运行这个应用程序？…如果它是CreateReact应用程序，那么你肯定已经在使用webpack和babel了。啊，我的错。我们已经把所有东西都打包好了。我会更新我的答案。