经过前几篇文章我们介绍了 webpack 如何从配置文件的入口开始，将每一个文件转变为内部的 module，然后再由 module 整合成一个一个的 chunk。这篇文章我们来看一下最后一步 —— chunk 如何转变为最终的 js 文件。 上篇文章主要是梳理了在 seal 阶…

在阅读文章之前，让我们先明白几个概念。 SPA（Single Page Application）： 单页面应用程序，是前后端分离时提出的一种解决方案。在一个应用或者站点中，只有一个完整的html页面，这个页面有一个容器root节点，可以把需要加载的代码片段插入到该容器中。 SP…

说实话，我个人还是觉得文笔越来越不错了，以前的文章都是一个问题闷到天黑，文章写的有点乱由于文章过于庞大导致不是一气呵成的，思路有时候会很混乱。所以我也准备开始写系列文，哈哈，尝试一下嘛~系列文的好处就是每次讲一个点，争取讲的细致一些，希望大家多多指教~ 笔者小白技术栈目前主要是…

构建于 React 之上的 Next.js 旨在为 React 的一些问题提供解决方案，同时也通过引入一些现代的内置解决方案来促进应用程序开发。

几乎一整年没咋写文章，主要是懒，加上工作也挺忙。但是想趁着年底发一篇，希望明年更勤奋一点。其实不是没东西写，就是想深入一个东西还是很困难的，要查各种资料，最终还是懒就是了。 next.js是react的同构库，很多文章里把他当作一个脚手架，也不是不行，但是个人认为next.js…

SPA（Single Page Application）： 单页面应用程序，是前后端分离时提出的一种解决方案。在一个应用或者站点中，只有一个完整的html页面，这个页面有一个容器root节点，可以把需要加载的代码片段插入到该容器中。 SPA的工作原理：采用的前端路由跳转子页面系…

antd 阿里系提供的UI Framework，这个就不说了.@zeit/next-less 由next.js官方推荐样式解决方案，也有scss,css,stylus的，这个可自行去官网查看，less-vars-to-js这个用来配置主题，在next.config.js中进行配…

Next源码模块的基本结构梳理，Build、Start、Dev等主要模块的结构与运行流程、核心原理深入分析

使用场景 必须使用打包程序（例如 webpack）打包代码，并使用 Babel 等编译器进行代码转换。 你需要针对生产环境进行优化，例如代码拆分。 你可能需要对一些页面进行预先渲染以提高页面性能和 S