cyc

babel.config.js

@@ -1,5 +1,8 @@
 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-nullish-coalescing-operator'
   ]
 }

package-lock.json

@@ -13,12 +13,15 @@
         "crypto-js": "^4.2.0",
         "element-ui": "^2.15.14",
         "jquery": "^3.7.1",
+        "mind-elixir": "^4.0.5",
         "vue": "^2.6.11",
         "vue-router": "^3.2.0",
         "vuex": "^3.4.0",
         "xe-utils": "^3.5.26"
       },
       "devDependencies": {
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+        "@types/crypto-js": "^4.2.2",
         "@vue/cli-plugin-babel": "~4.5.19",
         "@vue/cli-plugin-eslint": "~4.5.19",
         "@vue/cli-plugin-router": "~4.5.19",
@@ -575,6 +578,23 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.18.6",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
@@ -2079,6 +2099,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/crypto-js": {
+      "version": "4.2.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@types/crypto-js/-/crypto-js-4.2.2.tgz",
+      "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
+      "dev": true
+    },
     "node_modules/@types/express": {
       "version": "4.17.21",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@types/express/-/express-4.17.21.tgz",
@@ -9979,6 +10005,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/mind-elixir": {
+      "version": "4.0.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mind-elixir/-/mind-elixir-4.0.5.tgz",
+      "integrity": "sha512-zFYNabpchCY468d/vqo68hnhP+VDN47uPyJJ4dYlkqvL7fomRlo/WJinYgH+Rjt5vFJVLEMBtFsv5fizAC4ZYg=="
+    },
     "node_modules/mini-css-extract-plugin": {
       "version": "0.9.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
@@ -16833,6 +16864,16 @@
         "@babel/plugin-syntax-decorators": "^7.24.7"
       }
     },
+    "@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.18.6",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      }
+    },
     "@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
@@ -17885,6 +17926,12 @@
         "@types/node": "*"
       }
     },
+    "@types/crypto-js": {
+      "version": "4.2.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@types/crypto-js/-/crypto-js-4.2.2.tgz",
+      "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
+      "dev": true
+    },
     "@types/express": {
       "version": "4.17.21",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@types/express/-/express-4.17.21.tgz",
@@ -24121,6 +24168,11 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
+    "mind-elixir": {
+      "version": "4.0.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mind-elixir/-/mind-elixir-4.0.5.tgz",
+      "integrity": "sha512-zFYNabpchCY468d/vqo68hnhP+VDN47uPyJJ4dYlkqvL7fomRlo/WJinYgH+Rjt5vFJVLEMBtFsv5fizAC4ZYg=="
+    },
     "mini-css-extract-plugin": {
       "version": "0.9.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",

package.json

@@ -13,12 +13,14 @@
     "crypto-js": "^4.2.0",
     "element-ui": "^2.15.14",
     "jquery": "^3.7.1",
+    "mind-elixir": "^4.0.5",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
     "vuex": "^3.4.0",
     "xe-utils": "^3.5.26"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@types/crypto-js": "^4.2.2",
     "@vue/cli-plugin-babel": "~4.5.19",
     "@vue/cli-plugin-eslint": "~4.5.19",

public/index.html

@@ -5,7 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
+    <title>电子书阅读器</title>
   </head>
   <body>
     <noscript>

vue.config.js

@@ -3,7 +3,7 @@ module.exports = {
   devServer: {
     proxy: {
       '/api': {
-        target: 'http://local.xinsiketang.com',
+        target: 'https://local.xinsiketang.com',
         changeOrigin: true,
         // pathRewrite: {
         //   '^/api': '/api'
@@ -43,12 +43,35 @@ module.exports = {
   },
 
   configureWebpack:(config)=>{
-    config.devtool = 'source-map'
+    // config.devtool = 'source-map'; 
     // config.stats = 'errors-warings'
     // config.plugins.push(
     //   new webpack.ProgressPlugin({
     //     handler:() => {},
     //   })
     // )
+  },
+  chainWebpack: config => {
+    // 细粒度的 Webpack 配置修改
+    config.module
+    .rule('js')
+    .test(/\.m?jsx?$/)
+    .exclude
+    .clear()  // 清除默认的 exclude 条件
+    .end()
+    .include
+    .add(/node_modules\/mind-elixir/)  // 包含 mind-elixir
+    .add(/src\/plugin\/xml-digital-teaching\/lib/)  // 包含本地文件夹
+    .end()
+    .use('babel-loader')
+    .loader('babel-loader')
+    .tap(options => {
+      // 如果需要，可以在此处修改 Babel 配置
+      return options;
+    });
+    config.plugin('html').tap((args) => {
+      args[0].title = 'Your Custom Title';
+      return args;
+    });
   }
 }