webpack打包思路与流程解析( 二 )

三:运行打包效果图(自动删除了旧版本的文件)

webpack打包思路与流程解析

文章插图
十:插件应用(webpack-dev-server)配置服务器打包完成后自动启动页面 , 并且可以开启热模块替换
一:引入插件
npm i -D webpack-dev-server
webpack打包思路与流程解析

文章插图

二:编写webpack.config.js文件,运行server的命令也可以打包到packjson.js中——可写可不写
devServer:{//是否自动打开open:true,historyApiFallback: true,//是否使用热模块替换hot: true,//是否压缩compress: true,//地址host: "本地地址——cmd=>ipconfig查看",//端口port: 8089},

推荐阅读