Vueデフォルトコマンド


Vueデフォルトコマンド


  • プロジェクトの作成
    vue create vue-project

  • プラグインのインストール
    vue add router

  • Prefetchを閉じる
    // vue.config.js
    module.exports = {
      chainWebpack: config => {
        config.plugins.delete('prefetch'); //prefetch 삭제
      },
    }
    

  • Lazy Loadを特定の構成部品にのみ適用
    設定をコメントとして表示します.
    // router/index.js
    component: () => import( /* webpackPrefetch: true, webpackChunkName: "provide" */ '../views/ProvideInject.vue')

  • 開発環境画面を表示
    yarn dev