Herramientas para leer código JavaScript escrito con módulos y empaquetarlo en un único archivo para que se ejecute en un navegador o servidor.
Require.js
Browserify
Webpack
define(
['react', 'react-dom', './containers/App.js'],
(React, ReactDOM, App) => {
return ReactDOM.render(
React.createElement(App, null),
document.getElementById('app')
);
}
);
Tiempo
M ó d u l os
App.js
React
ReactDOM
HomeView
Header
Footer
ItemList
Item
const React = require('react');
const ReactDOM = require('react-dom');
const App = require('./containers/App.js');
return ReactDOM.render(
React.createElement(App, null),
document.getElementById('app')
);
Tiempo
M ó d u l os
bundle.min.js?v=1
const React = require('react');
const ReactDOM = require('react-dom');
require.ensure(
['./containers/App.js'],
App => {
return render(
React.createElement(App, null),
document.getElementById('app')
);
}
);
Tiempo
M ó d u l os
main.7ff87a8.js
home.7ff87a8.js
detail.7ff87a8.js