莫问今朝乄

这一篇就简单的梳理下webpack-dev-server内部实现。 由于涉及到源码解析，所以会涉及到一些比较难啃的知识，我会尽量进行简单化描述。 但如果还是具有具有难度 或 对 webpack-dev-server内部实现不感兴趣的朋友，也可以完全跳过此篇。 日常开发开发中，如…

使用vue-cli 、react-cli脚手架时，执行yarn start命令会启动一个本地服务器，浏览器访问服务器就可以预览代码，并且代码文件更新后页面会重新加载数据，非常方便，这个功能就叫做dev-server。 在webpack中，由webpack-dev-server提…

webpack打包时分为开发模式（development）和发布模式（production），在前面使用命令参数做了简单区分。 但这种方式区分在做定制化模式时有些不太方便，所以需要对两种模式做彻底拆分。 之前介绍过，webpack可以使用 --config 参数指定配置文件，所…

目前，国内主流的前端应用框架具有两个：vue.js和react.js，关于vue和react的优劣性，网上众说纷纭。在下就不在此引战。 React本身是一个特别简单的库：将元素抽象为虚拟DOM，更新DOM时对比虚拟DOM，然后只更新那些真正需要更新的元素。 在React中, 也…

在上一篇中，介绍了 webpack 的 entry 、 output 、 plugins 属性。 在这一篇，接着介绍其它配置属性。 搭建的 工程化 代码基本都无法直接运行在浏览器，所以本地测试也都是使用打包编译后的代码预览。 但是本地开发预览又必须具有代码可读性、可调试性等条件…

在使用 webpack 之前，首先需要明白 webpack 到底是个什么东西。 几乎所有文章（包括官网）中都说webpack是一个 打包器 ，用于打包所有资源。 webpack确实是一个 打包器 ，但是对于不知道打包器的朋友来说还是会有些迷惑。 抛开 webpack 去看问题本…