webpack配置自动打包功能

webpack配置自动打包功能

步骤

• npm install webpack-dev-server -D,安装支持项目自动打包的工具
• 修改package.json -> srcipts中的dev命令

“script”:{
	"dev":"webpack-dev-server"
}

• 把src的index.html 文件中src的脚本引用路径改为“/bundle.js”
• 运行npm run dev 重新进行打包
• 在浏览器中访问localhost：8080地址，查看打包效果
  注意：
• webpack-dev-server会启动一个实时打包的http服务器
• webpack-dev-server打包生成的输出文件默认放在项目根目录，并且是虚拟，看不见的，存在内存中