把cdn数据单独存放，替换vue-cookie为js-cookie

Author: hooray

dependencies.cdn.js

@@ -0,0 +1,56 @@
+module.exports = [
+    {
+        name: 'vue',
+        library: 'Vue',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js',
+        css: ''
+    },
+    {
+        name: 'vue-router',
+        library: 'VueRouter',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js',
+        css: ''
+    },
+    {
+        name: 'vuex',
+        library: 'Vuex',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vuex.min.js',
+        css: ''
+    },
+    {
+        name: 'axios',
+        library: 'axios',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js',
+        css: ''
+    },
+    {
+        name: 'qs',
+        library: 'Qs',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/qs.js',
+        css: ''
+    },
+    {
+        name: 'nprogress',
+        library: 'NProgress',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/nprogress.min.js',
+        css: 'https://cdn.jsdelivr.net/npm/[email protected]/nprogress.css'
+    },
+    {
+        name: 'vue-meta',
+        library: 'VueMeta',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-meta.min.js',
+        css: ''
+    },
+    {
+        name: 'js-cookie',
+        library: 'Cookies',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/src/js.cookie.min.js',
+        css: ''
+    },
+    {
+        name: 'dayjs',
+        library: 'dayjs',
+        js: 'https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js',
+        css: ''
+    }
+]

package.json

@@ -15,9 +15,9 @@
         "axios": "^0.19.2",
         "core-js": "^3.6.4",
         "dayjs": "^1.8.29",
+        "js-cookie": "^2.2.1",
         "nprogress": "^0.2.0",
         "vue": "^2.6.11",
-        "vue-cookies": "^1.7.2",
         "vue-meta": "^2.4.0",
         "vue-router": "^3.3.4",
         "vuex": "^3.5.1"

src/main.js

@@ -13,8 +13,8 @@ Vue.prototype.$dayjs = dayjs
 import util from './util/index'
 Vue.use(util)
 
-import cookies from 'vue-cookies'
-Vue.use(cookies)
+import Cookies from 'js-cookie'
+Vue.prototype.$cookies = Cookies
 
 import meta from 'vue-meta'
 Vue.use(meta)

src/views/example/cookie.vue

@@ -11,7 +11,7 @@
 export default {
     data() {
         return {
-            cookie: ''
+            cookie: this.$cookies.get('a')
         }
     },
     methods: {
@@ -24,7 +24,7 @@ export default {
             this.cookie = this.$cookies.get('a')
         },
         isSetCookie() {
-            alert(this.$cookies.isKey('a'))
+            alert(!!this.$cookies.get('a'))
         }
     }
 }

vue.config.js

@@ -2,6 +2,7 @@ const fs = require('fs')
 const path = require('path')
 const spritesmithPlugin = require('webpack-spritesmith')
 const terserPlugin = require('terser-webpack-plugin')
+const cdnDependencies = require('./dependencies.cdn')
 
 const spritesmithTasks = []
 fs.readdirSync('src/assets/sprites').map(dirname => {
@@ -37,31 +38,15 @@ fs.readdirSync('src/assets/sprites').map(dirname => {
     }
 })
 
+// CDN 相关
 const isCDN = process.env.VUE_APP_CDN == 'ON'
+const externals = {}
+cdnDependencies.forEach(pkg => {
+    externals[pkg.name] = pkg.library
+})
 const cdn = {
-    css: [
-        'https://cdn.jsdelivr.net/npm/[email protected]/nprogress.css'
-    ],
-    js: [
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/vuex.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/qs.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/nprogress.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-meta.min.js',
-        'https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js'
-    ]
-}
-const externals = {
-    'vue': 'Vue',
-    'vue-router': 'VueRouter',
-    'vuex': 'Vuex',
-    'axios': 'axios',
-    'qs': 'Qs',
-    'nprogress': 'NProgress',
-    'vue-meta': 'VueMeta',
-    'dayjs': 'dayjs'
+    css: cdnDependencies.map(e => e.css).filter(e => e),
+    js: cdnDependencies.map(e => e.js).filter(e => e)
 }
 
 module.exports = {

yarn.lock

@@ -6663,6 +6663,11 @@ js-base64@^2.1.8, js-base64@^2.1.9:
   resolved "https://registry.npm.taobao.org/js-base64/download/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209"
   integrity sha1-MTtidN2nGPcU0AszMLuubjjpAgk=
 
+js-cookie@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/js-cookie/download/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
+  integrity sha1-aeEG3F1YBolFYpAqpbrsN0Tpsrg=
+
 [email protected]:
   version "1.0.5"
   resolved "https://registry.npm.taobao.org/js-message/download/js-message-1.0.5.tgz#2300d24b1af08e89dd095bc1a4c9c9cfcb892d15"
@@ -11820,11 +11825,6 @@ vm-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz?cache=0&sync_timestamp=1572870717730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvm-browserify%2Fdownload%2Fvm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
 
-vue-cookies@^1.7.2:
-  version "1.7.2"
-  resolved "https://registry.npm.taobao.org/vue-cookies/download/vue-cookies-1.7.2.tgz#805bd307f7015c2325cae1326730d7f914b14dcf"
-  integrity sha1-gFvTB/cBXCMlyuEyZzDX+RSxTc8=
-
 vue-eslint-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.0.0.tgz?cache=0&sync_timestamp=1573306368916&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-eslint-parser%2Fdownload%2Fvue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"