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

用vue cli3作项目的时候若是开启了typescript的严格模式,在dev server热替换的时候每每就会打出一大堆warning,严重的影响了编译效率。官方并无提供关闭warning的api,可是提供了修改webpack配置项的接口。经过这个接口咱们就能够实现关闭warning。html

根据文档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选项:vue

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

 

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

相关文章
相关标签/搜索