我不明白他们为什么要安装并运行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-boilerplate
? react-boilerplate
如何使用Browserify?
答案 0 :(得分:0)
这似乎是一个错误。它们可能意味着https://github.com/christianalfoni/flux-react-boilerplate,其中包括必要的依赖关系。