Sou novo nessa coisa de React e Webpack, e estou estudando bastante, mas cheguei num problema que não estou encontrando um modo de resolver.
const webpack = require('webpack')
module.exports = {
entry: './html/js/index.jsx',
output: {
path: __dirname + '/deploy/assets/',
publicPath: '/deploy/assets/',
filename: './js/bundle.js'
},
devServer: {
port: 8080,
contentBase: './deploy'
},
resolve: {
extensions: ['', '.js', '.jsx']
},
module: {
loaders: [{
test: /.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react'],
plugins: ['transform-object-rest-spread']
}
}]
}
}
Este é o meu webpack.config.js.
O problema é, que mesmo eu salvando meus arquivos no projeto e o webpack mostrando no console que foi compilado, a tela não mostra minhas mudanças. Já tentei inclusive, ir pelo caminho localhost:8080/webpack-dev-server para ver se minhas mudanças estavam lá, e estavam!
Mesmo elas estando lá, meu HTML não atualiza, me obrigando a rodar ./node-modules/.bin/webpack de novo para funcionar.
Alguém tem alguma ideia?