Vue CLI3 关闭热替换后出现的warning

用vue cli3做项目的时候如果开启了typescript的严格模式,在dev server热替换的时候往往就会打出一大堆warning,严重的影响了编译效率。官方并没有提供关闭warning的api,但是提供了修改webpack配置项的接口。通过这个接口我们就可以实现关闭warning。

根据文档webpack 相关 | Vue CLI 3 导出项目的配置为output.js,搜索check单词可发现一个插件:fork-ts-checker(github:Realytics/fork-ts-checker-webpack-plugin),去这个插件的官方github看看简介,觉得大概率是这个插件输出的warning,于是根据vue cli3文档的要求,在项目根目录下新建vue.config.js,修改chainWabpack选项:

module.exports = {
  baseUrl: ‘/‘,
  chainWebpack:(config)=>{
    config.plugins.delete(‘fork-ts-checker‘) // 禁用fork-ts-checker
  },
}

修改完毕后重启devServer,修改文件后就不会打出那么多warning了,编译效率也会快不少。

原文地址:https://www.cnblogs.com/axel10/p/10130456.html

时间: 2024-08-30 01:12:01

Vue CLI3 关闭热替换后出现的warning的相关文章

Java 类的热替换---转载

构建基于 Java 的在线升级系统 Java ClassLoader 技术剖析 在本文中,我们将不对 Java ClassLoader 的细节进行过于详细的讲解,而是关注于和构建在线升级系统相关的基础概念.关于 ClassLoader 的详细细节许多资料可以参考,有兴趣的读者可以自行研读. 要构建在线升级系统,一个重要的技术就是能够实现 Java 类的热替换 —— 也就是在不停止正在运行的系统的情况下进行类(对象)的升级替换.而 Java 的 ClassLoader 正是实现这项技术的基础. 在

Java_类的热替换

转自:http://www.ibm.com/developerworks/cn/java/j-lo-hotswapcls/#ibm-pcon Java ClassLoader 技术剖析 在本文中,我们将不对 Java ClassLoader 的细节进行过于详细的讲解,而是关注于和构建在线升级系统相关的基础概念.关于 ClassLoader 的详细细节许多资料可以参考,有兴趣的读者可以自行研读. 要构建在线升级系统,一个重要的技术就是能够实现 Java 类的热替换 —— 也就是在不停止正在运行的系

【webpack】-- 模块热替换

全称是Hot Module ReplaceMent(HMR),理解成热模块替换或者模块热替换都可以吧,和.net中的热插拔一个意思,就是在运行中对程序的模块进行更新.这个功能主要是用于开发过程中,对生产环境没有任何帮助(这一点区别.net热插拔).效果上就是界面的无刷新更新. HMR基于WDS,style-loader可以通过它来实现无刷新更新样式.但是对于JavaScript模块就需要做一点额外的处理,怎么处理继续往下看.因为HMR是用于开发环境的,所以我们修改下配置,做两份准备.一个用于生产

(转)Java 类的热替换 —— 概念、设计与实现

构建基于 Java 的在线升级系统 对于许多关键性业务或者庞大的 Java 系统来说,如果必须暂停系统服务才能进行系统升级,既会大大影响到系统的可用性,同时也增加了系统的管理和维护成本.因此,如果能够方便地在不停止系统业务的情况下进行系统升级,则可以很好地解决上述问题.在本文中,我们将基于实例,对构建在线升级 Java 系统的基础技术和设计原则进行了深入的讲解.相信读者能够根据文中的技术构建出自己的在线升级系统来. Java ClassLoader 技术剖析 在本文中,我们将不对 Java Cl

Java 类的热替换 —— 概念、设计与实现

别人的一篇技术博客,直接摘抄过来,免得再查看找不到了(本人在看的过程中可能会对原文格式或文字有修改) 原文地址:http://blog.163.com/web_promise/blog/static/109631655201222804931240/ 在本文中,我们将不对 Java ClassLoader 的细节进行过于详细的讲解,而是关注于与构建在线升级系统相关的基础概念.关于 ClassLoader 的详细细节有许多资料可以参考,有兴趣的读者可以自行研读. 要构建在线升级系统,一个重要的技术

vue+webpack热替换

项目地址:http://pan.baidu.com/s/1i5KCXBf 今天上午和同事完成了在mac上面调试了我的框架,最后发现问题出在window系统和mac系统在表示路径的时候出现问题,在解决这个问题后,在同事的建议下,对项目的目录做了一个优化,把所有的资源文件放在assets目录,打包后去掉了一层pro目录这样看上去清爽了很多,下午开始了最坑爹的热替换. 热替换其实很早就开始研究了,但是一直没有头绪,今天是要必须解决了,具体解决方式: 1:我决定单独把热替换的配置代码写在一个文件里,然后

vue 无法热替换/热更新

参考了很多小伙伴的解决办法: 1.https://blog.csdn.net/win7583362/article/details/65443291 2.https://www.jianshu.com/p/23d705829d3b 虽然我并不是用对方的方法解决的,也不是如2)提及的 对文件夹或者文件名称大小写敏感引起的. 依然还是建议大家打开学习一下,因为我是比较粗心的人,??的小伙伴文章所讲的 也许会对你在某些点(我没有注意到的地方)有助益. 热替换/热更新原理??:(引用1) 讲解一下热替换

linux 热替换so文件

http://www.zhaoch.top/操作系统/linux/热替换so文件.html 热替换so文件 www.zhaoch.top > 操作系统 > linux 发现nginx的动态模块无法热更新,于是研究了一下相关的问题. 代码准备 reload.c, 启动文件,用来模拟正在运行的程序,不断重建加载so.so文件 #include <dlfcn.h> #include <stdio.h> typedef void (*F)(); int my_dlopen()

使用Browsersync热更新热替换,解放F5

超简单的入门小例子,有图有真相.当然也够我们在项目中使用.先看一下目录结构. 这里就使用了一个html和一个css样式表.接下来如下. 1. 安装 Node.js 不会安装node.js?太落伍了,懒得教你,自行百度吧. 2. 安装 BrowserSync 安装完node.js之后,在命令行输入 npm install -g browser-sync安装成功后. 2. 启动 BrowserSync 运行以下其中一条命令.Browsersync将创建一个本地服务器并自动打开你的浏览器后访问http