周六写的总结忘记发布了,今天补上。
偶然发现公司书架上有本《nodejs深入浅出》,之前一直想买这本书来着,迟迟未动,正好借来看看。
翻了几页,发现并不能看懂,搜索一下书评,适合深入学习的人看,像我这种初级菜鸟可能没有太大作用,决定继续看我的react。
今天周六,中午吃完饭出去闲逛了一下,买了一小罐西湖龙井,不懂茶啊,品不出什么滋味~
看了一篇文章叫,生活需要仪式感,深感认同。
所谓的仪式感就是用多耗时耗力又好钱的非必要动作或行为来表达某种特殊性。但是我乐意。
看完了第二章webpack,才理解webpack真正的原理。
webpack支持nodejs模块格式的配置文件,默认会使用当前目录下的webpack.config.js。最简单的配置文件,包含以下信息。
entry:项目文件入口。output:构建的输出结果描述(path:输出目录;filename: 输出文件名;publicPath:输出目录所对应的外部路径)module:(loader plugin)等。
之前写vue项目的时候,都会加上这一步vue init webpack my-project。但却并不理解。项目开发过程中,每次更改内容页面自动刷新,让我感觉非常好,原来是webpack的功劳。在webpack中,通过添加--watch选项可开启监视功能,webpack会首先进行一次构建,然后依据构建得到的依赖关系,对项目所依赖的所有文件进行监听,一旦发生改动则触发重新构建。命令 webpack -w。
除了watch模式外,webpack还提供了webpack-dev-server来辅助开发与调试。webpack-dev-server是一个基于Express框架的Node.js服务器。它还提供了一个客户端的运行环境,会被注入到页面代码中执行,并通过socket.IO与服务器通信。这样,服务器端的每次改动与重新构建都会被通知到页面上,页面呢可以随之做出反应。除了最基本的自动刷新,还提供有如HMR这样强大的功能。webpack-dev-server会默认监听8080端口,因此在浏览器打开http://localhost:8080既可看到结果页面。
了解:模块热替换(HMR-hot module replacement)功能会在应用程序运行过程中替换,添加,删除模块。二无需重新加载整个页面