Webpack从入门到出门(7)

(如转载, 请注明出处)

1.如何使页面自动刷新, 有点类似热重载,但更智能:

首先在webpack.config.js中引入webpack依赖: var webpack = require('webpack');

然后:

在devServer中添加hot: true字段 将ExtractTextPlugin中的disable字段改为true 在plugins中添加两个插件:webpack.HotModuleReplacementPlugin和webpack.NamedModulesPlugin 更改此处为下图

我们现在可以将app.js中的 var css = require('./app.scss');改为 import css from './app.scss';

这时我们运行后再更改代码时会看到窗口会自动刷新了.

那么如何动态配置自动刷新呢? 接下来我们需要重新配置:

1. package.json中的javascript下的prod:

2. webpack.config.js中: