Help us understand the problem. What is going on with this article?

開発環境限定のルートを設定する方法

More than 1 year has passed since last update.

動機

masterブランチに食い込んでいるのに一般公開できないページが溜まってしまったので。

コード

index.js
import Vue from 'vue'
import Router from 'vue-router'
import DevRoute from './dev-route'

Vue.use(Router)

const router = new Router({
  routes: [
    ...DevRoute,
  }
})

export default router

dev-route.js
import test from '@/pages/dev/test'

const route = []

if (process.env.NODE_ENV !== 'production') {
  route.push(...[
    {
      path: '/dev/test',
      component: test 
    },
    // ルートを足すならここ
  ])
}

export default route

雑感

計画性を持って正しくブランチが切れていたら、
ビルドのたびにルートをコメント化するような羽目にはならなかったのだろう…。

スプレッド構文、超便利。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away