javascript - webpack-dev-server - Browser not refreshing -
i'm running webpack --watch
, webpack-dev-server
on 2 separate terminal on mac osx. everytime when update file, recompiles in terminal however, browser doesn't reloads , have manually reload each time. i've installed required loaders.
webpack.config.js
var webpackdevserver = require("webpack-dev-server"); var webpack = require('webpack'); var path = require('path'); require("babel-polyfill"); var build_dir = path.resolve(__dirname, 'build'); var app_dir = path.resolve(__dirname, 'src'); module.exports = { entry: [ 'babel-polyfill', 'bootstrap-loader', 'webpack/hot/dev-server', app_dir + '/import.js', ], output: { path: build_dir, filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, loaders: ['react-hot', 'babel?presets[]=es2015,presets[]=stage-0,presets[]=react,plugins[]=transform-runtime'], exclude: /node_modules/ }, { test: /\.css$/, loader: "style-loader!css-loader" }, { test: /\.scss$/, loaders: ["style", "css", "sass"] }, { test: /\.(png|woff|woff2|eot|ttf|svg|jpg|gif)$/, loader: 'url-loader?limit=100000' }] }, plugins: [ new webpack.oldwatchingplugin(), new webpack.provideplugin({ $: "jquery", jquery: "jquery" }), new webpack.hotmodulereplacementplugin(), new webpack.noerrorsplugin() ] };
try setting entry point
entry: [ 'babel-polyfill', 'bootstrap-loader', 'webpack-dev-server/client?http://localhost:3000', 'webpack/hot/only-dev-server', app_dir + '/import.js', ]
Comments
Post a Comment