帅帅的大男孩

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

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请求数据时，需要判断是开发环境还是生产环境来设置他的baserURL请求地址。

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