配置webpack的自动打包功能

配置webpack的自动打包功能

 

1.运行 npm install webpack-dev-server -D 命令，安装支持项目自动打包的工具

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

"scripts":{

    "dev":"webpack-dev-server"  

    }

3.将 src/index.html 中,script脚本的引入路径，修改为"buldie.js"

4.运行npm run dev命令，重新进行打包

5.在浏览器中访问 http://localhost:8080 ,查看自动打包效果。