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

posted on 2018-12-17 11:25  axel10  阅读(1003)  评论(0编辑  收藏  举报