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