webpack-dev-server - 浏览器不刷新
webpack-dev-server - Browser not refreshing
我在Mac OSX上的2个单独的终端上运行webpack --watch
和webpack-dev-server
。每次更新文件时,它都会在终端中重新编译,但是,浏览器不会重新加载,我每次都必须手动重新加载。我已经安装了所有必需的加载器。
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()
]
};
尝试设置此入口点
entry: [
'babel-polyfill',
'bootstrap-loader',
'webpack-dev-server/client?http://localhost:3000',
'webpack/hot/only-dev-server',
APP_DIR + '/import.js',
]
相关文章:
- 重定向时角度刷新浏览器
- 使用replaceWith同时单击按钮,而不刷新浏览器
- 浏览器同步在使用 Python Flask 时不会刷新浏览器
- 在调整窗口大小时刷新浏览器(仅在展开或放大时)
- 将数据传递到视图而不刷新浏览器
- AngularJS |刷新浏览器时,AngularJS模板会在安全上下文之前加载.如何阻止它
- 如何在刷新浏览器地址栏时重置css(a:visited{color:green})
- 如何使用按钮刷新浏览器页面
- 刷新浏览器后,Ajax的Listview调用未更新
- 余烬需要刷新浏览器才能获取模型数据
- 当我更改 src 时没有刷新浏览器的 iframe
- 使用 JS 刷新浏览器窗口
- 如何在不刷新浏览器的情况下更新倒计时达到 0 时的日期
- 如何在用户尝试刷新浏览器时获取“确认表单重新提交”
- 浏览器同步(在 gulp 下)不会刷新浏览器
- 刷新浏览器客户端而不访问服务器
- 为对事件更新文件的相同调用刷新浏览器缓存
- 谷歌图表在我刷新浏览器后显示数据
- 使用OnBeforeUnload事件刷新浏览器
- 页面总是刷新(浏览器中的标签总是显示活动圆圈),这是因为我使用iframe