obtool
v0.1.2
Published
Front-end build tool, based on webpack, faced to react, with hot reload
Downloads
46
Readme
obtool
Front-end build tool, based on webpack, faced to react, with hot reload.
Usage
Step 1
$ npm install --save-dev obtool
$ npm install react react-domor
$ yarn add --dev obtool
$ yarn add react react-domStep 2
Edit your package.json, add scripts like this:
{
"scripts": {
"start": "obtool start",
"build": "obtool build"
},
}Step 3
Create file public/index.html, src/index.js, src/App.js.
$ mkdir public src
$ touch public/index.html src/index.js src/App.jsStep 4
Copy this in your public/index.html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="root"></div>
</body>
</html>Copy this in your src/index.js.
import ReactDOM from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import App from './App'
const render = Component => ReactDOM.render(
<AppContainer>
<Component />
</AppContainer>,
document.getElementById('root')
)
render(App)
if (module.hot) module.hot.accept('./App', () => render(App))Copy this in your src/App.js.
import React from 'react'
class App extends React.Component {
render() {
return <div>Hello, World</div>
}
}
export default AppShould I add
initscript?
Step 5
Finally, let's run npm start or yarn start.