在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue項(xiàng)目怎么去除webpack編譯后的warning?

vue項(xiàng)目怎么去除webpack編譯后的warning?

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

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

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

回答
編輯回答
夢(mèng)一場(chǎng)

這個(gè)問(wèn)題我自己來(lái)答吧. (ps: 踩我問(wèn)題的人 能說(shuō)下為什么踩嗎?)

之所以提出這個(gè)問(wèn)題, 是因?yàn)閳?zhí)行npm run dev 命令后, 控制臺(tái)打印出了巨量的 v-for 沒(méi)有key 的warning,
導(dǎo)致無(wú)法正常的看到編譯信息, 因?yàn)轫?xiàng)目比較大, 文件多(這個(gè)項(xiàng)目是多人完成的, 很多處不規(guī)范)
給每一個(gè)v-for 都加上key值顯然工作量巨大(當(dāng)然這個(gè)后期會(huì)慢慢補(bǔ)上)

查了一圈, 可惜沒(méi)有找到相關(guān)配置可以關(guān)掉這個(gè)warning.(如果有, 請(qǐng)賜教)
不過(guò)最終通過(guò)全文搜索, 找到了打印這段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)

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

2017年1月13日 20:59