Flux TodoMVC:他们为安装和运行“react-boilerplate”提供了什么?

时间:2015-12-22 05:59:46

标签: reactjs reactjs-flux

我不明白他们为什么要安装并运行react-boilerplate。我读了他们的tutorial Todo-List

  

...我们可以建立react-boilerplate来快速启动并运行

稍微低于

  

TodoMVC示例也包含了所有内容......

然后a)提及react-boilerplate,b)安装它的原因是什么原因?

但是,好吧,我决定安装并尝试react-boilerplate。在这个方案中没有什么值得关注的。没有任何严重的代码,没有任何.html,没有任何服务器可以运行,看看应用程序做了什么。

他们写了react-boilerplate

  

接下来运行npm脚本启动并运行:npm install,然后npm run build,最后npm start使用Browserify继续构建

但事实并非如此。 react-boilerplate没有Browserify。它不以任何方式使用它。它有src\index.js个文件:

/** @jsx React.DOM */
var React = require('react');
var requireStylesheet = require('stylesheets').requireStylesheet;

requireStylesheet(process.env.STATIC_ROOT + 'MyComponent.css');

var MyComponent = React.createClass({
  render: function() {
    return <span className="MyComponent">Hello, MyComponent!</span>;
  }
});

module.exports = MyComponent;

该文件有require个。如果,正如他们所说,react-boilerplate使用Browserify,那么Browserify应该创建一个包含所有需求的大型编译bundle.js文件。但事实并非如此。它只编译React组件:

/** @jsx React.DOM */
var React = require('react');
var requireStylesheet = require('stylesheets').requireStylesheet;

requireStylesheet(process.env.STATIC_ROOT + 'MyComponent.css');

var MyComponent = React.createClass({displayName: 'MyComponent',
  render: function() {
    return React.DOM.span( {className:"MyComponent"}, "Hello, MyComponent!");
  }
});

module.exports = MyComponent;

为什么Flux Tutorial – Todo List提供安装react-boilerplatereact-boilerplate如何使用Browserify?

1 个答案:

答案 0 :(得分:0)

这似乎是一个错误。它们可能意味着https://github.com/christianalfoni/flux-react-boilerplate,其中包括必要的依赖关系。