sunpochin

nuxt.config.js development mode web page loading slow 問題 components: true

孫柏青's photo
孫柏青
·

1 min read

Table of contents

No heading

No headings in the article.

nuxt.config.js development mode web page loading slow 問題 components: true

在 nuxt.config.js 把

// See https://nuxtjs.org/api/configuration-components 
components: true,

改成

const isLocal = process.env.NODE_ENV === 'local' 
export default { 
// 開發環境關閉自動導入，生產環境開啟，讓 browser load 時間變短 
    components: !isLocal,

為了要確保拿掉之後，不會出問題。所以主管跟我一起檢查，在原本 components: true 的時候，拿掉這些 import, 是否會自動 import. 


// import ComponentsAAA from '@/components/AAA'
// import ComponentsBBB from '@/components/BBB'

export default {
  name: 'thePage',
  // components: {
  //   ComponentsAAA,
  //   ComponentsBBB,

發現還是會出現 warning, 期望顯示出來的頁面還是沒有顯示，根本就沒有 auto import, 所以就改了。

原本 14 秒的速度降低為 4 秒，真不知道我之前怎麼忍受的....

nuxt2Nuxt