Vue CLI如何彻底关闭热更新功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计716个文字,预计阅读时间需要3分钟。
Vue手架在应用使用过程中,修改代码会自动更新页面,非常方便。但有时情况会导致关闭更新功能,我使用的是vue-admin-template模板来开发,因此修改也是基于这个模板的。
vue 手脚架在使用过程中,更改代码会自动更新页面,非常的方便,但是有些情况向关闭掉这热更新功能,我使用的是vue-admin-template模板来开发的,所以更改也是基于这个模板的。
在build文件夹下有个webpack.dev.conf.js文件。
然后添加一个配置项:inline: false 即可关闭热更新操作。
补充知识: vue多页面热更新缓慢原因以及解决方法
热更新慢的原因
多页面就是多入口,会生成多个html文件,之前我基本都是单页面,因为是单入口没有这个问题,当偶然间接触了一个多页面的项目发现了热更新很慢的问题,这当然很不舒服,就开始查方法,可能要2,3分钟,这个和webpack配置里面的 HtmlWebpackPlugin 插件性能有问题当生成html文件多的时候会很慢,越多越慢。原因就是这样,下面是解决方法。
本文共计716个文字,预计阅读时间需要3分钟。
Vue手架在应用使用过程中,修改代码会自动更新页面,非常方便。但有时情况会导致关闭更新功能,我使用的是vue-admin-template模板来开发,因此修改也是基于这个模板的。
vue 手脚架在使用过程中,更改代码会自动更新页面,非常的方便,但是有些情况向关闭掉这热更新功能,我使用的是vue-admin-template模板来开发的,所以更改也是基于这个模板的。
在build文件夹下有个webpack.dev.conf.js文件。
然后添加一个配置项:inline: false 即可关闭热更新操作。
补充知识: vue多页面热更新缓慢原因以及解决方法
热更新慢的原因
多页面就是多入口,会生成多个html文件,之前我基本都是单页面,因为是单入口没有这个问题,当偶然间接触了一个多页面的项目发现了热更新很慢的问题,这当然很不舒服,就开始查方法,可能要2,3分钟,这个和webpack配置里面的 HtmlWebpackPlugin 插件性能有问题当生成html文件多的时候会很慢,越多越慢。原因就是这样,下面是解决方法。

