nuxt流程介绍

在上次写了 vue ssr 简单例子后, 就好奇如何处理 sfc 的情况.

期望的脚本应该能处理 server 端和 client 端的 sfc, 并且可以 hmr.

觉得以自己的水平完全没有思路, 于是了解了下 nuxt 的流程.

MORE

通过vue ssr简单实现来理解代码限制

vue srr 项目的编码是有一些限制的. 这里通过简单了解实现过程来理解这些限制.

MORE

通过vue的例子入门服务端渲染

现在前端语境里的服务器渲染 ( ssr ) 指的是同构渲染 ( isomorphic rendering ). 与上个年代 jsp, php 的模板引擎是有区别的.

下文中讨论的 服务端渲染( ssr ) 都指同构渲染 ( isomorphic rendering ), 并且只与我们最长用的 csr 做一些对比, 不提到模板引擎.

MORE

webpack dll-plugin使用方法

dll-plugin是个官方插件, 但文档不那么清楚, 网上的文章也比较模糊.

前阵在使用的时候还遇到了个bug, 最后给webpack提了pr, 所以这里说一下dll-plugin的使用方法和简单的原理.

MORE

webpack cache实践与原理

webpack cache 发布3年多了, 在历史包袱中的项目中其实非常好用.

本文会介绍 cache 在一个项目中的实践经验, 和实现流程, 以及了解流程后的一些推论.

MORE

改写git历史

前阵给webpack-dev-server提了pr, 好不容易等到老板来approve了, 结果因为commit作者信息错误而不能被merge.

对git一直啥都不懂, 所以看了一下文档, 并记录一下如何改写git历史.

MORE

测量webpack编译速度

有多个同事反应公司打包脚本本地开发时非常慢, 我debug了一下确实找到了个之前没被发现的问题.

如何知道webpack编译过程卡在了哪里就成了问题.

从webpack进度条看, 只能知道卡了, 而不知道哪个地方卡了, 所以也无从优化.

MORE

hmr简要流程

时隔好久, 终于进入了hmr的简要流程分析.

MORE

增强你使用的网页

有一些刚需网页不好用, 经常有重复操作, 自己来修改是比向网站拥有者提需求容易的.

分享一下最近对2个网站的修改. 这些修改确实节省了我很多日常重复操作的时间.

MORE

webpack-dev-server热加载proxy设置

前几天同事提了如标题的需求, 我觉得挺有意思的, 就实现了一下.

MORE