帅帅的大男孩

在我们打包时可能需要把`files`里的文件复制到打包文件夹`dist`里，该怎么办呢 ？？？ 很简单，使用`copy-webpack-plugin`插件轻松解决...

在项目开发中前端的部署一般是后端同志部署或是运维同志搭建好jenkins平台。 今天来介绍一个小插件deploy-cli-service可以轻松实现前端自动化部署。 实现自...

平时在开发时难免会使用一些第三方的的插件或组件库，安装命令一般是npm install xxx。今天我们来实现一个自己的组件库，也可以通过命令来安装，接下来就是见证奇迹的时...

Async 函数的返回值是Promise对象 Promise对象的结果由async函数执行的返回值决定 Await 表达式必须放在async函数里，否则会报错 表达式右侧一...

相信大家对Promise都不陌生，它是异步编程新的解决方案，主要解决了回调地域的问题。具体来讲Promises是一个构造函数，而promise对象用来封装一个异步操作并可以...

正如你所了解到的Vue Router是Vue.js官方的路由管理器，它可以让构建单页面应用变得更加简单。与之离不开的还有vue-view即路由容器以及路由跳转用到的rout...

上篇文章咱们了解到了虚拟节点的大概思路，其实就是利用递归将一层层的dom节点用对象来表示。但是有前提，就是一开始渲染的时候可以那么写，或是第一次挂载的时候。那在更新的时候又...

说到虚拟DOM大家都不陌生，其实就是用一个对象来描述dom节点。例如Vue中的h方法，第一个参数是标签，第二个参数是属性，以后所有标签都是子节点，如下： 实际上渲染出来就是...

上篇文章简单实现了数据驱动，没看的小伙伴可以看下，我们今天主要来实现{{ counter }}的编译，以及简单指令的源码实现，包括指令类型的判断，依赖收集的逻辑等。...

我们在一开始的使用Vue的时候，是通过Vue.js的形式来引入的，如下： 今天我们先实现第一步：app.counter++可以正常累加。...

怎么给对象定义响应式属性，大家可能都会想到Object.defineProperty，如下： 我们在取值和赋值的时候，会有以下输出： 也就是说我们在取值和赋值的时候，利用O...

Webpack本身只能处理JS类型的文件，想要处理其他类型的文件，如.css，.vue等文件就需要借助loader来进行转换，所以loader又可以理解成把一段代码转换为令...

loader 的实现，其实一个`loader`就是一个函数，我们每次再用`plugin`的时候都是`new`一下，由此可见，每个`plugin`都是一个构造函数...

我们在研究一些源码时，并不是为了能够写出一个一模一样的源码。比如你研究Vue源码并不是为了你能借此有所启发写出另一个前端框架（当然这也不排除有这种可能性），而是为了能更好的...

咱们书接上回同步方法的实现继续探索下异步方法是如何实现的。 AsyncParallerHook：异步并行的钩子 这里this.tasks.forEach会循环执行每一个函数...

Webpack本质上是一种事件流的机制，他的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。Tapable的核心原理是依赖于发布订阅模式，它有几个核心...

tree-shaking / scope-hosting 通过import语法引入的模块资源，在生产环境下会自动去除掉没用的代码 webpack会省略可以简化的代码。...

日常开发工作中，有时需要区分环境是开发环境还是生产环境，来配置一些相应的设置或其他的一些处理。比如我们在使用axios请求数据时，需要判断是开发环境还是生产环境来设置他的b...

所谓跨域就是协议、域名、端口 三者只要有一项不同就不可以访问，是浏览器的一种安全机制叫同源策略。该如何解决，常用的有三种方式，我们接着往下瞅。...

每次修改完代码想要打包时我们都会运行，如下代码 也可以像Vue一样写一个watch来监视，即当检测代码改动时，进行自动打包。配置好后运行打包命令后，再次修改代码就会自动打包...