curso-reactjs-ninja/versions-of-dependencies.md at master · da2k/curso-reactjs-ninja
npm install --save-dev webpack para instalar o webpack.
Crie o arquivo webpack.config.js na raiz do projeto e cole:
'use strict';
const path = require('path')
module.exports = {
devtool: 'source-map',
entry: path.join(__dirname, 'src', 'index.js'),
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/dist/'
},
module: { // Usado para fazer o babel funcionar
loaders: [{
test: /\\.js$/,
exclude: /node_modules/,
include: /src/,
loader: 'babel'
}]
}
}
npm install -g webpack para permitir a utilização do comando webpack no terminal
Com isso podemos subir o servidor de desenvolvimento, com o mesmo ouvindo em memoria o arquivo que precisamos utilizar.
npm install --save-dev webpack-dev-server
npm install -g webpack-dev-server
E isso ao index.htmlna raiz do projeto
<body>
<div data-js="app"></div>
<script src="/dist/bundle.js"></script>
</body>
npm install --save react react-dom para instalar o React
Caso esteja usando babel, importe o React no projeto com: