H5页面的性能瓶颈，网络因素几乎可以占到80%。不管是减小产出文件体积，还是使用HTTP2.0或者是PWA等都是减少网络对H5页面加载的影响。

之前写过一篇node模块化的源码解析，感兴趣的可以配合阅读。在了解清楚commonJS模块化后，有必要知道我们前端工程中最常用的webpack是如何处理模块化的。

初学vue服务端渲染疑惑非常多，我们大部分前端都是半路出家，上手都是前后端分离，对服务端并不了解，不说java、php语言了，连node服务都还没搞明白，理解服务端渲染还是有些困难的；

所有源代码、文档和图片都在 github 的仓库里，点击进入仓库 相关阅读 React服务端渲染之路01——项目基础架构搭建 React服务端渲染之路02——最简单的服务端渲染 React服务端渲染之路03——路由 React服务端渲染之路04——redux-01 React服务端渲染之路05——redux-02 React服务端渲染之路06——优化 React服务端渲染之路07——添加CS…

用过构建工具webpack的朋友应该都体会，面对其几百行的配置内容如大海一小舟，找不到边。看文档查百度，对其构建的生命周期看了又看。最终还是很茫然。原因很简单，构建配置一般都是通过脚手架工具自动生成。看似每天在用，其实接触很少。直到有一天，发现社区的插件不能满足需求时，相信你一定会定制一个自己的插件。这…

webpack支持的模块规范有 AMD 、CommonJS、ES2015 import 等规范。不管何种规范大致可以分为同步加载和异步加载两种情况。本文将介绍webpack是如何实现模块管理和加载。

1. 本地Egg项目启动 首先执行node index.js 或者 npm run dev 启动 Egg应用 在 Egg Agent 里面启动koa服务, 同时在koa服务里面启动Webpack编译服务 挂载Webpack内存文件读取方法覆盖本地文件读取的逻辑 {代码…} Worker 监听Webpack编译状态, 检测Webpack 编译是否完成, 如果未完成, 显示Webpack 编译Loading, 如果编译…

const path = require(‘path’)const files = require.context(‘@com/hlfeature/allFeaturePages’, true, /.vue$/)const modules = {};files.keys().forEach(item => { const name = path.basename(item,’.vue’) modules[name] = files(item).default || files(item)})

react的开发者都知道使用create-react-app创建项目，这是非常简单的，但不是本文的目的，本文将带你如何一步一步搭建react项目。

clean-webpack-plugin在每次构建前清理 /dist 文件夹。官方给的例子在新版本中运行不了，正确配置如下