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

Posted 2021-01-27 axel10

用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了，编译效率也会快不少。