如何使用 webpack 将前端打成 war 包呢？其实 webpack 的插件库中提供了一个叫 webpack-war-plugin 的插件，可以很便捷的做到这一点。

Vue和React都是通过 diff 算法对比新旧虚拟树节点差异，然后更新节点。当新旧节点对比不一致时，会根据节点的 key 去找寻旧节点，如果未找到则表明为新的节点，反之会进行复用。...

今天我们来聊聊webpack中注入环境变量的各种姿势，或者你会觉得注入环境变量通过命令行注入不就可以了吗？

所谓的单页面应用也就是说打包后的代码仅仅生成一份html文件，基于前端路由js去控制渲染不同的页面。

汽车票前端研发团队，致力于提供更便捷更智慧的出行方式，关注前端技术方向的探索和实践。

想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue、玩具vite等...

HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，去实现局部更新页面而非整体刷新页面。接下来将从使用到实现一版...

前面我们已经讲了 webpack 对 css、less 文件的处理，和处理 less 文件类似，处理 sass、stylus 也只需安装对应的工具再进行配置即可，具体可以查看官方文档：webpack.js.org/loaders/sas… 以及 webpack.js.org/loaders/sty...

使用 npm 命令安装一下： npm install @babel/parser @babel/traverse @babel/core @babel/preset-env -D

经过进一步调试发现，原因是在业务代码的lib/axios.ts的import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';这行代码的引入居然是引入的 业务代码的lib/``axios``.ts而不是node...