1、上篇文章中写了一份webpack最基本的配置文件来打包压缩我们的代码？1 2 3 4 5 6 7 8 9 var path = require#39path#39moduleexports = entry #39appindexjs#39，output filename #39bundlejs#39，path；代码很少，github地址手写webpack模块解析器 整体流程分析1读取入口文件2将内容转换成 ast 语法树3深度遍历语法树，找到所有的依赖，并加入到一个数组中4将 ast 代码转换回可执行的 js 代码5编写 req；0 参数介绍先对参数有一个大概的认识，虽然撸了很多遍官方的更新文档，但是还是去参看了一下新的wbepack源码，下面是各种参数及含义chunks 表示显示块的范围，有三个可选值initial初始块async按需加载块。

2、1编写入门级loader我在之前的文章中，已经把webpack基础的内容基本上都过了一遍，现在开始准备复习更高级的webpack知识了，首先从loader开始首先初始化一个项目npm init然后安装依赖cnpm install D webpack webpackcli。

3、webpack打包原理是根据文件间的依赖关系对其进行静态分析，然后将这些模块按指定规则生成静态资源，当 webpack 处理程序时，它会递归地构建一个依赖关系图dependency graph，其中包含应用程序需要的每个模块，然后将所有这些模块；因此，需要用webpack单独打包指定文件CommonsChunkPluginmoduleexports = entry app APP_FILE 入口文件 ， output publicPath #39dist#39， 输出目录，indexhtml寻找资源的地址 path BUILD_PATH；以下列出可以向 output 属性传入的值非入口块的文件名，作为 outputpath 目录中的相对路径id 被 chunk 的 id 替换name 被 chunk 的 name 替换或者当 chunk 没有 name 时使用 id。

4、loader 用于对模块的源代码进行转换loader 可以使你在 import 或quot加载quot模块时预处理文件因此，loader 类似于其他构建工具中“任务task”，并提供了处理前端构建步骤的强大方法loader 可以将文件从不同的语言如 Type。