webpack 学习笔记2(进阶)

东方春 / 2023-07-26 / 原文

1. webpack的 watch模式

     执行  npx webpack --mode=development --watch 命令的话,就是执行一次编译多次。只要你修改了相关的文件,保存后就会重新触发编译。这个比较适合多次反复调试的情况。

 

2. 使用Webpack-dev-server监听代码修改的同时,自动刷新网页。

   npm install webpack-dev-server -D   #@4.15.1

        XXXX
	plugins:[
		XXX
	],
	devServer:{
		static: dist //dist文件夹里的文件发生变化,就会刷新浏览器
	}

  运行的时候,使用如下指令:npx webpack-dev-server --mode=development   

       默认的网址为localhost:8080

       然后代码变动,保存后,如果对应的页面有变动,会自动刷新。