webpack 配置热更新

正文

代码

const path=require('path');

module.exports={
    devtool:'',
    entry:{
       entry:'./src/entry.js',
        entry1:'./src/entry1.js',
    },
    output:{
       path:path.resolve(__dirname,'dist'),]
        filename:'[name].js'
    },
    module:{
    },
    plugins:[
    ],
    devServer:{
        contentBase:path.resolve(__dirname,'dist'),
        host:'localhost',
        compress:true,//服务器压缩
        port:1717//端口
    }
}

注意

host:'localhost'(有些虚拟主机名字可能不叫localhost),不建议，可能映射不到,可以通过ipconfig 查看自己地址

这个时候并不能热加载，因为此时没有服务器进行热更新.

cnpm install webpack-dev-serve --save-dev

执行:

webpack-dev-serve

因为局部安装找不到找不到。

在package.json 中script添加:

"server": "webpack-dev-server --open"

如果不能热更新请检查版本，必须大于3.5