⚡ Reduce js vendor bundle size with better lodash imports (#148)

package.json

@@ -61,7 +61,7 @@
   "bundlesize": [
     {
       "path": "./dist/js/chunk-vendors*.js",
-      "maxSize": "155 kB"
+      "maxSize": "125 kB"
     },
     {
       "path": "./dist/js/chunk-firestore*.js",

src/firebase/authentication.js

@@ -1,5 +1,5 @@
 import firebase from 'firebase/app'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 import store from '@/store'
 

src/firebase/generic-db.js

@@ -1,4 +1,6 @@
-import { isNil, keys, cloneDeep } from 'lodash'
+import isNil from 'lodash/isNil'
+import keys from 'lodash/keys'
+import cloneDeep from 'lodash/cloneDeep'
 import firebase from 'firebase/app'
 
 import firestore from './async-firestore'

src/misc/handle-apple-install-prompt.js

@@ -1,5 +1,5 @@
 import store from '@/store'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 const isIosOnBrowser =
   ['iPhone', 'iPad', 'iPod'].includes(navigator.platform) &&

src/router/index.js

@@ -3,7 +3,7 @@ import Router from 'vue-router'
 import Head from 'vue-head'
 import Home from '@/views/Home'
 import CheckLogin from '@/views/CheckLogin'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 import store from '@/store'
 
 Vue.use(Router)

src/store/app/app.actions.js

@@ -1,4 +1,4 @@
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 export default {
   /**

src/store/app/app.getters.js

@@ -1,4 +1,4 @@
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 export default {
   newContentAvailable: state => !isNil(state.SWRegistrationForNewContent)

src/store/authentication/authentication.actions.js

@@ -1,5 +1,5 @@
 import router from '@/router'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 import { createNewUserFromFirebaseAuthUser } from '@/misc/helpers'
 import UsersDB from '@/firebase/users-db'
 

src/store/authentication/authentication.getters.js

@@ -1,4 +1,4 @@
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 export default {
   isUserLoggedIn: state => !isNil(state.user)

src/views/CheckLogin.vue

@@ -6,7 +6,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 
 export default {
   computed: mapState('authentication', ['user']),

src/views/Login.vue

@@ -25,7 +25,7 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex'
-import { isNil } from 'lodash'
+import isNil from 'lodash/isNil'
 import firebase from 'firebase/app'
 import { desktop as isDekstop } from 'is_js'
 

tests/unit/store/products/products.mutations.spec.js

@@ -1,5 +1,5 @@
 import mutations from '@/store/products/products.mutations'
-import { cloneDeep } from 'lodash'
+import cloneDeep from 'lodash/cloneDeep'
 
 const product1 = { id: 1, name: 'product1' }
 const product2 = { id: 2, name: 'product2' }

tests/unit/views/Login.spec.js

@@ -1,5 +1,5 @@
 import Vuex from 'vuex'
-import { cloneDeep } from 'lodash'
+import cloneDeep from 'lodash/cloneDeep'
 import { createLocalVue, shallowMount } from '@vue/test-utils'
 import LoginView from '@/views/Login.vue'