Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

INOUE Takuya

July 07, 2017
Tweet

More Decks by INOUE Takuya

Other Decks in Programming

Transcript

  1. Y

  2. [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

  3. ├── 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

  4. [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
  5. // .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" } ]