摘要：
生产环境构建 development和production的构建目标差异很大。dev中，需要具有实时重新加载或HMR能力的 source map 和 server。而在prod中目标则关注更小的 bundle，更轻量的 source map，以及更优化的资源，以改善加载时间。由于要遵循逻辑分离，通常 阅读全文
摘要：
Tree shaking 本质上为了消除无用的js代码，减少加载文件体积的方式，使其整体执行时间更短。无用的代码，又有另外一种叫法：Dead Code： 代码不可到达，不会执行，如不可能进入的分支，return 之后的语句等 代码中的某个变量只有写，而没有读操作 Tree Shaking 的执行环境 阅读全文
摘要：
模块热替换 HMR 允许在运行时更新各种模块，而无需进行完全刷新。不适用于生产环境，意味着应当只在开发环境使用。启用HMR实际上就是更新 webpack-dev-server的配置，及使用 webpack 内置的 HMR 插件。 webpack官方文档中介绍，使用HMR时，需要满足两个条件： 配置d 阅读全文
摘要：
webpack 用于编译 JavaScript 模块。安装完成，就可以通过 webpack 的 CLI或 API与其配合交互。**动态打包(dynamically bundle)**所有依赖项，创建所谓的依赖图(dependency graph)。每个模块都明确表述它自身的依赖，避免打包未使用的模块 阅读全文
摘要：
终终终终于下定决心，对你下手了，系统的学习一下。 webpack是一个应用程序的静态模块打包器(module bundler)。处理应用程序时，会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 入口(e 阅读全文
摘要：
D3全称是Data-Driven Documents数据驱动文档，是一个开源的javascript库，可以用于数据可视化图形的创建，该库更接近底层，与 g2、echarts 不同，d3 能直接操作 svg，所以拥有极大的自由度，几乎可以实现任何 2d 的设计需求。 正如其名 Data Driven 阅读全文
摘要：
AntV 是蚂蚁金服全新一代数据可视化解决方案，主要包含数据驱动的高交互可视化图形语法G2，专注解决流程与关系分析的图表库 G6、适于对性能、体积、扩展性要求严苛的场景。 demo使用**数字**模拟真实的节点及分组数据。combo内的nodes亦是使用随机数生成，节点之前的连线edges由节点从小 阅读全文
摘要：
eslint: 是用来做代码风格检查的，比较关注代码质量，并且会提示不符合风格规范的代码，也有一部分代码格式化的功能。不是消除空行。 "editor.formatOnSave": false, // true 每次保存时自动格式化；false 代码格式化 shift+alt+F "eslint.au 阅读全文
摘要：
近期项目部署遇到点问题，需要升级webpack版本，特此整理一小记，记录升级过程中的依赖包及报错处理。 本次升级的依赖包及对应版本对照表： | npm 包 | 当前版本 | 升级版本 | S/D | | | | | | | vue | ^2.5.18 | ^2.6.14 | -S | | eleme 阅读全文
摘要：
通常来说，我们的代码都可以至少简单区分成业务代码和第三方库。如果不做处理，每次构建时都需要把所有的代码重新构建一次，耗费大量的时间。然后大部分情况下，很多第三方库的代码并不会发生变更(除非是版本升级)，因此Webpack 打包时，对于一些不经常更新的第三方库，比如 vue、vue-router，vu 阅读全文
