hooks 百度翻译为钩子，不要把 Hooks 和 Vue 的 生命周期钩子（Lifecycle Hooks） 弄混了，Hooks 是 React 在 V16.7.0-alpha 版本中引入的，而且几天后 Vue 发布了其概念验证版本。 Hook是react中得一项新功能提案，…

生成路由文件应在所有事情开始之前执行，webpack提供的生命周期钩子实在太多，这里就挑了一个最靠前的afterPlugins，有兴趣的可以看下这张完整的生命周期图。 fs模块的promise语法写起来舒服多了。 webpack内容实在太多，文档写的也不是很清楚，有些钩子的说明…

最近这一年，作为一名前端狗，一直在优化性能的道路一去不回头。vue、nginx、webpack、redis，能做优化的地方，都不曾放过，只为那最后一秒的舒爽！（猥琐的一笑）。 1. 安装PWA插件 目前部分浏览器还不支持service work，我们需要保证它们依旧能正常工作。…

对于vue多页面配置，可以说cli2-cli3，是一个从0到1的过程，想起cli2的不堪回首，cli3是香的不是一丁半点；虽然cli3本身提供了pages多页面的入口配置，但是想要灵活的根据配置去适应结构，还是需要一些操作，避免后期不停的修改；本文就配合node做一个灵活配置以…

这里需要注意的是，用户名和密码是私服上配置好了的，邮箱不重要，随便都行。 注意中途不要随意切换文件夹，虽然没有出什么问题，后来想要强制删除的时候一直出错。 解决：将包发布到nexus npm仓库需要设置一下 Nexus Repository Manager 的权限。否则无法登陆…

许多后台系统都要求要做成响应式的，虽然我们用的elementUI框架已经在响应式上面做了出色的处理，但是也只能解决一部分的问题。所以我们需要使用rem。 rem是CSS3新增的相对长度单位，是指相对于根元素html的font-size计算值的大小。简单可理解为屏幕宽度的百分比。…

这里我添加了index.html和user.html两个页面。 vue-router官方给出的示例如下，这里webpackChunkName如果不写打包时会自动生成序号代替。 为了方便追踪打包情况最好写上，就可以看到about.[hash].js的大小了。 打包后about.j…

1. 将样式表放在首部-使用link标签将样式表放在文档的HEAD中 遵循HTML规范，将样式表放在头部，可以有效避免白屏和无样式内容的闪烁。 2. 将脚本放在底部 将脚本放在底部</body>标签之前, 类似于document.body.appendChild(yourScr…