webpack实时打包

webpack实时打包可以实现实时打包预览效果。当我们修改了代码时，立即运行打包命令，并显示效果

工具：[webpack-dev-server]

• npm官网
• 配置手册​​​​​​

注意：

• 项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件
• 现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果

步骤

1.安装

npm i webpack-dev-server  -D
-------------------------------
+ webpack-dev-server@3.11.0
added 395 packages from 272 contributors in 62.727s

2.在webpack.config.js中做如下配置

module.exports = {
    // 其他省略....
  
    // 配置 webpack-dev-server的选项
    devServer: {
        host: '127.0.0.1',  // 配置启动ip地址