把`vue-cli4`升级到`vue-cli5`，因为是跨版本升级，很多写法，用法都不一样，太酸爽了，所以总结下这个过程，也算是温故知新。

前言：今天在维护一个Vue的老项目，由于历史悠久，基础工程配置落伍的情况，导致Vue热更新非常慢。 解决思路 根据终端运行打印和日常开发经验猜测：应该是babel编译导致的； 解决效果 先上效果！！！

而关于如何应用该路径并没有说清楚... 这个最终静态资源访问路径在使用html-webpack-plugin打包后得到的html中可以看到。所以publicPath设置成相对路径后，相对路径是相对于build之后的index.html的，例如，如果设置publicPath: '…

这是我参与更文挑战的第二天，活动详情查看:更文挑战 在一个 JavaScript 项目中，package.json 是一个必须的文件，它的作用是管理项目中使用到的外部依赖包，同时它也是 NPM 命令的

...

使用speed-measure-webpack-plugin，可以看到loader和插件的执行耗时。 使用webpack-bundle-analyzer，构建完成后会在8888端口展示大小。 概念：一个模块可能有多个方法，只要其中某个方法使用到了，则整个文件都会被打包到bund…

随着项目不断迭代，所需的静态资源、依赖库和插件越来越多，需要遍历的文件也呈指数式增加，导致每次编译的速度非常慢，再加上笔者接手的是类游戏化的Phaser项目，光是游戏引擎也需要消耗资源，固对项目进行编译时的优化。 通过看到Time:xxx ms的信息，是不是觉得整个项目直接芜湖…

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…