前面写了一个nodejs自动部署本地静态文件后面发现每创建一个项目都在cv过来有点low于是就把他发布成了一个npm工具 可以直接在项目里安装使用在这里记录一下过程创建一个项目先创建一个文件夹 我的是

关于AST的介绍，网上已经一大堆了，不仅生涩难懂，还自带一秒劝退属性。其实我们可以很（hao）接（bu）地（yan）气（jin）的去了解一个看上去高端大气的东西，比如，AST是一个将代码解构成一棵可以千变万化的树的黑魔法。所以，只要我们知道咒语怎么念，世界的大门就打开了。有趣的…

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。 即：当前页面的内容是服务器生成好给到浏览器的。 右键点击 -> 显示网页源代码，如果页面上的内容在HTML文档里，是服务端…

什么是webpack他是一个模块打包器，也可以引用官网的一幅图解释，我们可以看到webpack，可以分析各个模块的依赖关系，最终打包成我们常见的静态文件，.js、.css、.jpg、.png。今天我们

有了之前的基础（前端如何搭建一个简单的脚手架），我们现在可以讲讲一个成熟的脚手架是怎么做了。 这里我们参考vue-cli的源码，基于rollup和typescript一步步搭建。vue-cli作为vue的脚手架，给如此多的前端开发者使用，已经算是成熟了吧。 现如今，webpac…

1. 什么是 PWA？ 2. 首屏优化 2.1. 静态资源优化 2.2. 动态数据优化 2.3. 直出html优化 3. 替代离线包 但是离线包系统是非常成熟的系统，要完全替换掉它还需要考虑许多方面的问题。 3.1. 更新机制 离线包有个自动更新的机制，每隔一段时间就会去请求离…

15年刚来运满满，那个时候的前端团队还只有2个人，还没有用到打包的相关工具，我们重构了前端的开发流程，引入了vue做基础开发框架，使用了fis3做项目打包，由于项目快速迭代，公共库的增加，我们引入了webpack，配合npm进行基础库的拆分，方便维护和管理。同时也带来了一个新的…

为了加深自己对 Webpack 理解，同时也能帮助到其他想要深入理解 Webpack 原理的同学。 我开了这样的一个仓库。 这个仓库分为两部分，一部分是项目主体，也就是 master 分支。这部分保持最新的代码，并尽可能实现 Webpack 的新特性。 另一部分是供大家学习的部…