在JavaScript中，变量的数据类型分为基本类型和引用类型。基本类型指那些简单的数据段，包括Boolean、Number、String、Undefined、Null、Symbol，基本数据类型是直接按值访问的，可以操作保存在变量中的实际的值。引用类型的值是保存在内存中的对象，JavaScript不能直接访问内存中的位置，而是通过指针将变量与内存中的...

毕业之后就在一直合肥小公司工作，没有老司机、没有技术氛围，在技术的道路上我只能独自摸索。老板也只会画饼充饥，前途一片迷茫看不到任何希望。于是乎，我果断辞职，在新年开工之际来到杭州，这里的互联网公司应该是合肥的几十倍吧。。。。刚来3天，面试了几家公司，有些规模比较小，有些是创业公司，也有些已经发展的...

我的JS水平比较一般，而且还是跨专业半路出家，因此学习是唯一出路。vue并不是我接触的第一个前端框架，之前学习过angular1.x，觉得不太容易，结果没多久2版本就推出了，一看文档：totally rewrite。WTF？？？1还没学利索呢，2就重写了？从此抛弃angular。直到后来，公司需要做个管理后台系统，经过一番比较最终选择了vu...

在前端开发日益复杂的今天，我们需要一个工具来帮助我们管理项目资源，打包、编译、预处理、后处理等等。webpack的出现无疑是前端开发者的福音，我的博文只是本人的学习经验和积累，如果能对你有所帮助那是再好不过了。我的JS真的很一般，所以如果有误人子弟的地方希望你能指出来，大家一起学习，共同进步。话说互联网寒...

1. 构建开发环境 如果你一直跟随我前面的博文，那么你对webpack的基础知识已经有比较深刻的理解了。之前，我们一直执行着： {代码...} 来打包编译输出我们的代码，本文我们来看看如何构建一个开发环境，来使我们的开发变得方便些。 1.1 webpack-dev-server webpack-dev-server是一个简单的小型的web服务器，并且能够实时...

本章内容，我们在项目中加入eslint配置，来审查校验代码，这样能够避免一些比较低级的错误。并且在团队协作的时候，保持同一种风格和规范能提高代码的可读性，进而提高我们的工作效率。

如今 ES6 语法在开发中已经非常普及，甚至也有许多开发人员用上了 ES7 或 ES8 语法。然而，浏览器对这些高级语法的支持性并不是非常好。因此为了让我们的新语法能在浏览器中都能顺利运行，Babel 应运而生。Babel是一个JavaScript编译器，能够让我们放心的使用新一代JS语法。比如我们的箭头函数：

起初，chunks(代码块)和导入他们中的模块通过webpack内部的父子关系图连接.在webpack3中，通过CommonsChunkPlugin来避免他们之间的依赖重复。而在webpack4中CommonsChunkPlugin被移除，取而代之的是 optimization.splitChunks 和 optimization.runtimeChunk 配置项，下面展示它们将如何工作。

1. 在项目中使用 less  在 src/assets/ 下新建 common.less ： {代码...} 在 main.js 中引入 common.less ： {代码...} 安装 less-loader： {代码...} 添加 rules： {代码...} 打包之后，在浏览器打开 dist/index.html，less文件中的样式已经通过 style 标签载入了： ​ 2. 使用MiniCssExtractPlugin 我们之前的样式代码...

之前的博文已经介绍了Loader的概念以及用法，webpack 可以使用 loader 来预处理文件，这允许你打包除 JavaScript 之外的任何静态资源， 甚至允许你直接在 JavaScript 模块中 import CSS文件。

CommonJs规范的出发点：JS没有模块系统、标准库较少、缺乏包管理工具；为了让JS可以在任何地方运行，以达到Java、PHP这些后台语言具备开发大型应用的能力。

过程中会让你填写项目名、版本、描述、仓库地址、关键字等信息，可以不填一路回车，执行完毕后会在根目录下创建一个 package.json 文件，这样就初始化结束了。

本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。