(build) Externalize apollo components

build/rollup.config.base.js

@@ -23,4 +23,5 @@ export default {
       VERSION: JSON.stringify(config.version),
     }),
   ],
+  external: ['apollo-client', 'apollo-link', 'graphql-tag'],
 }

docs/guide/installation.md

@@ -116,6 +116,23 @@ new Vue({
 
 You are now ready to use Apollo in your components!
 
+
+### 4. (OPTIONAL) Install Apollo Components
+
+These components were externalized to allow opting in for them to reduce bundle size.  To Install
+
+```js
+import Vue from 'vue';
+import useApolloComponents from 'node_modules/vue-apollo/components/useApolloComponents'
+
+Vue.install(useApolloComponents)
+```
+
+This will provide 
+ - ApolloQuery
+ - ApolloMutation
+ - ApolloSubscribeToMore
+
 ## IDE integration
 
 ### Visual Studio Code

src/components/useApolloComponents.js

@@ -0,0 +1,17 @@
+import CApolloQuery from './components/ApolloQuery'
+import CApolloSubscribeToMore from './components/ApolloSubscribeToMore'
+import CApolloMutation from './components/ApolloMutation'
+
+// Components
+export const ApolloQuery = CApolloQuery
+export const ApolloSubscribeToMore = CApolloSubscribeToMore
+export const ApolloMutation = CApolloMutation
+
+export function install (vue) {
+  vue.component('apollo-query', CApolloQuery)
+  vue.component('ApolloQuery', CApolloQuery)
+  vue.component('apollo-subscribe-to-more', CApolloSubscribeToMore)
+  vue.component('ApolloSubscribeToMore', CApolloSubscribeToMore)
+  vue.component('apollo-mutation', CApolloMutation)
+  vue.component('ApolloMutation', CApolloMutation)
+}

src/index.js

@@ -1,10 +1,6 @@
 import { DollarApollo } from './dollar-apollo'
 import { ApolloProvider as plugin } from './apollo-provider'
 
-import CApolloQuery from './components/ApolloQuery'
-import CApolloSubscribeToMore from './components/ApolloSubscribeToMore'
-import CApolloMutation from './components/ApolloMutation'
-
 import { installMixin } from './mixin'
 import { Globals, omit } from '../lib/utils'
 
@@ -48,15 +44,6 @@ export function install (Vue, options) {
   })
 
   installMixin(Vue, vueVersion)
-
-  if (vueVersion === '2') {
-    Vue.component('apollo-query', CApolloQuery)
-    Vue.component('ApolloQuery', CApolloQuery)
-    Vue.component('apollo-subscribe-to-more', CApolloSubscribeToMore)
-    Vue.component('ApolloSubscribeToMore', CApolloSubscribeToMore)
-    Vue.component('apollo-mutation', CApolloMutation)
-    Vue.component('ApolloMutation', CApolloMutation)
-  }
 }
 
 plugin.install = install
@@ -67,11 +54,6 @@ plugin.version = VERSION
 // Apollo provider
 export const ApolloProvider = plugin
 
-// Components
-export const ApolloQuery = CApolloQuery
-export const ApolloSubscribeToMore = CApolloSubscribeToMore
-export const ApolloMutation = CApolloMutation
-
 // Auto-install
 let GlobalVue = null
 if (typeof window !== 'undefined') {