webpack 实时编译打包,浏览器自动刷新

个人记录

1、npm install webpack-dev-server –save-dev

2、在webpack.config.js配置 devServer:

image

3、package.json 中配置:

"scripts": {
    "watch": "webpack --progress --watch",
    "dev": "webpack-dev-server --open",
    "build": "webpack --mode production",
    "test": "echo \"Error: no test specified\" && exit 1"
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,330评论 4 31
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,193评论 2 16
  • 全局安装webpack 全局安装webpack会有个问题,就是当你有两个项目依赖于不同版本的webpack,就会有...
    説好的妹紙呢阅读 1,878评论 0 11
  • http://blog.csdn.net/weizengxun/article/details/53448885 ...
    晓卢轩阅读 635评论 0 0
  • 你试过把国外的葱当成中国的韭菜吗? 昨天,和老公逛超市的时候随手在扫货架上面的菜,货架上仅有的两盒看一眼像“韭菜”...
    解忧杂货铺Joyce阅读 359评论 0 1