webpack配置自动打包

1.安装

 npm install webpack-dev-server -D 

2.修改package.json->scripts中的命令：

3.修改index.html中，修改引用script的路径：

4.运行

npm run dev

运行成功：

按住Ctrl点击该地址

会打开以下界面：

点击页面存放的文件夹src，就会看到所编写的页面，如我写的：

5.测试下是否配置自动打包成功：
如：
（1）修改js
修改下颜色：

（2）直接查看页面，即可发现，颜色已改变：

说明自动打包已成功配置。