webpack 开发环境
2024-10-06 16:07:50
当项目逐渐变大,webpack 的编译时间会变长,可以通过参数让编译的输出内容带有进度和颜色。
$ webpack --progress --colors
如果不想每次修改模块后都重新编译,那么可以启动监听模式。开启监听模式后,没有变化的模块会在编译后缓存到内存中,而不会每次都被重新编译,所以监听模式的整体速度是很快的。
$ webpack --progress --colors --watch
当然,使用 webpack-dev-server
开发服务是一个更好的选择。它将在 localhost:8080 启动一个 express 静态资源 web 服务器,并且会以监听模式自动运行 webpack,在浏览器打开 http://localhost:8080/ 或 http://localhost:8080/webpack-dev-server/ 可以浏览项目中的页面和编译后的资源输出,并且通过一个 socket.io 服务实时监听它们的变化并自动刷新页面。
# 安装
$ npm install webpack-dev-server -g
# 运行
$ webpack-dev-server --progress --colors
最新文章
- Sharepoint学习笔记—习题系列--70-576习题解析 -(Q75-Q77)
- I7-5775C之所以被Intel跳过,是因为本身有太多BUG
- linux 客户端 Socket 非阻塞connect编程
- 12、Jsp加强/自定义标签/JavaBean
- 移动的rem自适应
- cocos2d-x 不能在android真机debug的问题
- 初学JqueryMobile(一)
- Java设计模式---装饰模式
- android高仿微信UI点击头像显示大图片效果
- linux服务器在运行210天左右宕机
- 15个nosql
- hdu_1348_Wall(凸包)
- http协议无状态中的 ";状态"; 到底指的是什么?!
- 转: 关于linux用户时间与系统时间的说明
- 【Linux学习七】软件安装
- 【转】C++11的enum class &; enum struct和enum
- Debian出现in the drive ‘/media/cdrom/’ and press enter解决办法
- Daily Scrum1 11.3
- 1025 PAT Ranking (25)(25 point(s))
- 【BZOJ】3389: [Usaco2004 Dec]Cleaning Shifts安排值班(贪心)