鍍金池/ 問答/HTML/ vue項目怎么去除webpack編譯后的warning?

vue項目怎么去除webpack編譯后的warning?

項目編譯過后出現(xiàn)了大量的warning
如圖
圖片描述

由于warning數(shù)量太多, 短時間改不完, 能不能通過修改配置暫時去除掉這些 warning 呢?

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

回答
編輯回答
夢一場

這個問題我自己來答吧. (ps: 踩我問題的人 能說下為什么踩嗎?)

之所以提出這個問題, 是因為執(zhí)行npm run dev 命令后, 控制臺打印出了巨量的 v-for 沒有key 的warning,
導致無法正常的看到編譯信息, 因為項目比較大, 文件多(這個項目是多人完成的, 很多處不規(guī)范)
給每一個v-for 都加上key值顯然工作量巨大(當然這個后期會慢慢補上)

查了一圈, 可惜沒有找到相關(guān)配置可以關(guān)掉這個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)

看來想在開發(fā)環(huán)境下去掉這段warning 只有注掉這段代碼了. 注掉這段代碼后 此warning不再出現(xiàn)了

2017年1月13日 20:59