用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