webpack进阶

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

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

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请求地址。

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

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

项目开发中经常会使用第三方库，以JQury为例：如何将$暴露给全局呢？这里有三种方法：exposr-loader、providePlugin以及引入不打包。

为了考虑浏览器兼容新我们在打包代码时，一般回把ES6、ES7、ES8等高级语法转换为普遍浏览器能识别的ES5的低级语法，具体如何配置呢？这时需要 babel 一些列插件来解决。

entry有三种写法，string是单入口形式，array和object是多入口形式。output出口文件的配置和module的配置你还记得多少呢？

项目开发中我们会写很多样式，包括页面样式和公共样式等。在打包时通过借助一些插件来提取公共样式、压缩样式和对样式进行兼容处理。