目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6。Node.js 是运行在服务端的 JavaScript，它对 ES6 的支持度更高。如果你还不了解 No

html-webpack-plugin插件默认会创建一个HTML模板，并自动引入打包生成的几个主要的chunk包

全局搜索vue.cmd，将此目录配入环境变量即可。

Webpack 有非常多的概念，很多名词长得都差不多。我把这些分散在文档和教程里的内容总结起来，写了一份 webpack 中的易混淆知识点，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习。首先来个背景介绍，哈希一般是结合 CDN 缓存来使用的。如

//将A,B打包到一起，而且从主文件束中拆分出来。但只有 b.js 的内容被执行。a.js //的内容仅仅是可被使用，但并没有被输出。//想去执行 a.js，我们需要异步地引用它，如 require，让它的 JavaScritp 被执行。本质上对requi

通过 mini-css-extract-plugin 提取 Chunk 中的 CSS 代码到单独文件，通过 css-loader 的 minimize 选项开启 cssnano 压缩 CSS。resolve.mainFields 只采用 main 字段作为

file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 . url-loader：与 file-loader 类似，区别是用户可以设置一个阈值，大于阈值时返回其 publicPath，小于阈值时返回文件 base64

此时可以不需要最开始麻烦的运行步骤 可以使用npm run build

在利用webpack脚手架搭建vue项目后，往往最终打包的.js和.css文件过于庞大，造成首次加载的时候白屏时间过长，影响用户体验，下图为未经任何优化直接npm run build之后的情况：。其中vendor.js文件高达1.16MB，平均白屏时间超过

基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新。├── p

　　安装 webpack-dev-server --> 配置devServer字段 --> 利用命令行开启服务。"test": "echo \"Error: no test specified\"

　　　　在项目中查找node_modules的文件夹，再node_modules中根据包名查找对应的vue文件夹，在vue文件夹中查找一个叫package.json的包配置文件，　　方法2：在webpack.config.js配置文件中module.exp

process对象是全局变量，它提供当前node.js的有关信息，以及控制当前node.js的有关进程。因为是全局变量，它对于node应用程序是始终可用的，无需require()。NODE_ENV不是process.env对象上原有的属性，它是我们自己添加

可以在 package.json 中使用 stats，也可以在 Node API 中使用 stats. happypack： 每次 webapck 解析一个模块，HappyPack 会将它及它的依赖分配给 worker 线程中。loaders: [ ‘st

webpack只是一个打包模块的机制，只是把依赖的模块转化成可以代表这些包的静态文件。并不是什么commonjs或者amd之类的模块化规范。至于你的代码使用的是commonjs还是amd或者es6的import。webpack都会对其进行分析。转换代码，编

而想要学懂，学会Webpack更绝非易事。在此基础上，完成开发环境的搭建，Webpack 的安装，并进行最基础的 Webpack 使用讲解。本章课程学习过程中，额外增加了对 Webpack 官方文档的查阅方式讲解，帮助大家学会查阅文档。同时章节末尾进行了

在开发中，我们都可以发现仅仅使用Webpack以及它的命令行工具来进行开发调试的效率并不高,每次编写好代码之后，我们需要执行npm run build命令更新js文件，然后再刷新页面，才能看到更新效果。webpack-dev-server正好解决了这个问题

为什么需要构建工具？由于现代浏览器对es6特性的支持度并不能说太高，为了兼容所以需要进行es6语法的转换，除了此，三大框架的语法特征，例如转换JSX，双括号等， 还有其他如CSS前缀补全/预处理器，JS压缩混淆，图片压缩等。webpack默认配置文件为we

下面方法二选一，都可以实现antd的按需加载。

首先需要安装webpack-bundle-analyzer插件。也可以在打包时运行。localhost:8888是固定端口，本地不要占用即可正常访问。之后就弹出窗口了