码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-17 14:48:39      阅读:683      评论:0      收藏:0      [点我收藏+]

标签:view   com   https   关闭   ports   概率   严格   extern   目录   

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

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

标签:view   com   https   关闭   ports   概率   严格   extern   目录   

原文地址:https://www.cnblogs.com/axel10/p/10130456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!