HMR: hot module replacement 热模块替换 / 模块热替换
作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块) 极大的提升构建速度
module.exports = {
//html文件热更新:修改entry入口,将html文件引入
entry: ['./src/js/index.js', './src/index.html'],
output: {
filename: 'js/built.js',
path: resolve(__dirname, 'build')
},
module: {
......
},
plugins: [
......
],
mode: 'development',
devServer: {
contentBase: resolve(__dirname, 'build'),
compress: true,
port: 3001,
open: true,
hot: true // 开启HMR功能
}
};
样式文件:可以使用HMR功能:因为style-loader内部实现了。
文中…代表省略的代码