お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs

お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs

Vue.js Tokyo v-meetup="#4" の発表資料

ブログにこの発表を補足するエントリーを書きました
http://blog.inouetakuya.info/entry/2017/07/11/211829

Af07bd495bf9d1c5ada34ed221671624?s=128

INOUE Takuya

July 07, 2017
Tweet

Transcript

  1. 3.
  2. 5.

    Y

  3. 22.

    [vue-hackernews-2.0]$ tree -I node_modules
 ├── build
 │ ├── setup-dev-server.js
 │

    ├── vue-loader.config.js
 │ ├── webpack.base.config.js
 │ ├── webpack.client.config.js
 │ └── webpack.server.config.js
 ├── package.json
 ├── server.js
 ├── src
 ├── src
 │ ├── App.vue
 │ ├── app.js
 │ ├── entry-client.js
 │ ├── entry-server.js
 │ ├── components
 │ │ ├── Foo.vue

  4. 23.

    ├── src
 │ ├── App.vue
 │ ├── app.js
 │ ├──

    entry-client.js
 │ ├── entry-server.js
 │ ├── components
 │ │ ├── Foo.vue
 [vue-hackernews-2.0]$ tree -I node_modules
 ├── build
 │ ├── setup-dev-server.js
 │ ├── vue-loader.config.js
 │ ├── webpack.base.config.js
 │ ├── webpack.client.config.js
 │ └── webpack.server.config.js
 ├── package.json
 ├── server.js
 ├── src

  5. 25.
  6. 33.

    [nuxt-starter]$ tree .nuxt .nuxt/
 ├── App.vue ├── client.js
 ├── components/


    ├── dist/
 │ ├── img/ │ ├── style.css
 │ └── nuxt.bundle.js
 ├── index.js ├── middleware.js ├── router.js ├── server.js
 └── utils.js
  7. 34.

    // .nuxt/router.js import Vue from 'vue' import Router from 'vue-router'

    Vue.use(Router) export default new Router({ routes: [ { path: “/", component: _66d962ba, name: "index" }, { path: “/about", component: _a6491844, name: “about" } ]

  8. 40.