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了，編譯效率也會快很多。