vue项目怎么去除webpack编译后的warning?

Question

项目编译过后出现了大量的warning
如图

由于warning数量太多, 短时间改不完, 能不能通过修改配置暂时去除掉这些 warning 呢?

vue 版本 2.4.2
webpack 版本 3.6.0
node 版本 6.13.1

Answer 1

这个问题我自己来答吧. (ps: 踩我问题的人 能说下为什么踩吗?)

之所以提出这个问题, 是因为执行npm run dev 命令后, 控制台打印出了巨量的 v-for 没有key 的warning,
导致无法正常的看到编译信息, 因为项目比较大, 文件多(这个项目是多人完成的, 很多处不规范)
给每一个v-for 都加上key值显然工作量巨大(当然这个后期会慢慢补上)

查了一圈, 可惜没有找到相关配置可以关掉这个warning.(如果有, 请赐教)
不过最终通过全文搜索, 找到了打印这段warning的代码:

  if (process.env.NODE_ENV !== 'production' &&
    state.maybeComponent(el) &&
    el.tag !== 'slot' &&
    el.tag !== 'template' &&
    !el.key
  ) {
    state.warn(
      "<" + (el.tag) + " v-for=\"" + alias + " in " + exp + "\">: component lists rendered with " +
      "v-for should have explicit keys. " +
      "See https://vuejs.org/guide/list.html#key for more info.",
      true /* tip */
    );
  }
  

位置在 node_modules/vue-template-compiler/build.js 3385-3397 行 (vue-template-compiler 版本为 2.4.2)

看来想在开发环境下去掉这段warning 只有注掉这段代码了. 注掉这段代码后 此warning不再出现了