这两个语句我们应该经常能看到，第一个import就不用说了，可以说现在的前端项目随处可见，第二个import可以在需要懒加载的地方看到，比如vue-router的懒加载配置，但是大家好像却从来都没太深究过这个东西。 import是es module提供的一个加载模块的方法，目前…

1. 1 什么是WebPack webpack 是一个现代 JavaScript 应用程序的静态模块打包工具：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并生成一个或多个 bundl…

yarn 是在工作中离不开的工具，但在工作中，很多人基本只会使用 yarn install，而且会手动删除 node-modules，或删除 yarn.lock 文件等不规范操作。本文将从一些基础的知识点开始介绍，循序渐进的让你对 Yarn 有一个更深入的了解，来保证规范的使用…

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

vue3.0中，响应式数据部分弃用了 Object.defineProperty，使用 Proxy 来代替它。本文将主要通过以下方面来分析为什么vue选择弃用 Object.defineProperty。 这种说法是有问题的，事实上，Object.defineProperty …

首先，没有标题党！这套教程确实是免费的，并且针对每节讲解准备了对应的代码，代码环境是webpack4。 课程以常见的webpack4用法为主线，按照从易到难的顺序，逐步引导搭建，渐进式教程真香。 说句实在话，webpack4其实完全靠文档，但是刚入手的时候还是有个简易教程比较好…

webpack4删除了CommonsChunkPlugin插件，它使用内置API optimization.splitChunks和optimization.runtimeChunk,这意味着webpack会默认为你生成共享的代码块，splitchunk的配置非常灵活，让我们一…

Time went by... webpack已经从v3版本升级升级到了v4版本，刚刚我在官网看见升级到v4.16.5。最近webpack的升级速度很快，几乎两个星期就会有一个小版本的更新。软件更新速度快是一件好事情，会让一款软件更加稳定和便捷，但对于使用着来说无疑是增加了学习…

本教程 github地址 如果对你有帮助欢迎点赞。 虽然当前大前端时代，web应用大多已经做成单页应用(spa),但是在某些场景下，我们的项目还是可以做成多页应用(mpa)。在继续往下看之前，你需要对webpack、nodejs、npm基础概念有一定的了解，如果还不熟悉，请移步…