peter

babel.config.js

@@ -1,7 +1,28 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset'
+    ['@vue/app', {
+      // polyfills: [
+      //   'es6.promise',
+      //   'es6.symbol',
+      //   'es6.array.iterator',
+      //   'es6.object.assign'
+      // ],
+      useBuiltIns: 'entry'
+    }
+    // '@vue/cli-plugin-babel/preset'
+    ]
   ],
+  // presets: [
+  //   '@vue/cli-plugin-babel/preset',
+  //   ['@babel/preset-env', {
+  //     useBuiltIns: 'entry',
+  //     corejs: 3
+  //   }]
+  // ],
+  // presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry' }]], // 此为vue/cli4
+  // presets: [
+  //   '@vue/cli-plugin-babel/preset'
+  // ],
   env: {
     development: {
       // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().

package.json

@@ -13,13 +13,28 @@
     "et": "node_modules/.bin/et",
     "et:init": "node_modules/.bin/et -i"
   },
+  "browserslist": {
+    "development": [
+      "last 1 version"
+    ],
+    "production": [
+      "> 1%",
+      "last 2 versions",
+      "not ie <= 10"
+    ],
+    "modern": [
+      "last 1 chrome version",
+      "last 1 firefox version"
+    ]
+  },
   "dependencies": {
+    "@babel/polyfill": "^7.12.1",
     "@tinymce/tinymce-vue": "^3.2.8",
     "@types/clipboard": "^2.0.7",
     "animejs": "^3.2.1",
     "axios": "^0.21.1",
     "clipboard": "^2.0.11",
-    "core-js": "^3.6.5",
+    "core-js": "^3.31.1",
     "cornerstone-core": "^2.3.0",
     "cornerstone-math": "^0.1.10",
     "cornerstone-tools": "^5.2.0",
@@ -31,6 +46,8 @@
     "echarts": "^4.9.0",
     "element-resize-detector": "^1.2.3",
     "element-ui": "^2.13.2",
+    "es6-promise": "^4.2.8",
+    "eslint": "^7.1.0",
     "fabric": "^5.3.0",
     "fabric-with-erasing": "^1.0.1",
     "file-saver": "^2.0.5",
@@ -53,6 +70,7 @@
     "qs": "^6.9.4",
     "quill": "^1.3.7",
     "recorder-js": "^1.0.7",
+    "regenerator-runtime": "^0.13.11",
     "screenfull": "^4.2.1",
     "sortablejs": "^1.10.2",
     "svg-sprite-loader": "^5.0.0",
@@ -60,6 +78,7 @@
     "tinymce": "^5.8.1",
     "tui-color-picker": "^2.2.8",
     "tui-image-editor": "^3.15.3",
+    "uuid": "^9.0.0",
     "v-tooltip": "^2.1.3",
     "vue": "^2.6.11",
     "vue-chat-scroll": "^1.4.0",
@@ -68,6 +87,7 @@
     "vue-cropper": "^0.5.8",
     "vue-i18n": "^8.18.2",
     "vue-keyboard": "^3.1.0",
+    "vue-navigation": "^1.1.4",
     "vue-pdf": "^4.3.0",
     "vue-print-nb": "^1.7.4",
     "vue-router": "^3.0.7",
@@ -89,8 +109,9 @@
     "babel-eslint": "10.1.0",
     "babel-plugin-dynamic-import-node": "2.3.3",
     "babel-plugin-transform-remove-console": "^6.9.4",
+    "babel-polyfill": "^6.26.0",
     "copy-webpack-plugin": "^6.4.1",
-    "eslint": "6.7.2",
+    "eslint": "^6.7.2",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
@@ -102,10 +123,14 @@
     "postcss-plugin-px2rem": "^0.8.1",
     "postcss-px-to-viewport": "https://github.com/evrone/postcss-px-to-viewport",
     "postcss-pxtorem": "^5.1.1",
+    "pug": "^3.0.2",
+    "pug-html-loader": "^1.1.5",
+    "pug-plain-loader": "^1.1.0",
     "sass": "1.26.8",
     "sass-loader": "8.0.2",
     "vue-loader": "^15.9.8",
     "vue-template-compiler": "^2.6.11",
-    "webpack": "4.46.0"
+    "webpack": "4.46.0",
+    "webpack-bundle-analyzer": "^4.9.0"
   }
 }

public/index.html

@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico">
   <script type="text/javascript" src="./static/js/js-NSV.js"></script>
-
+  <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
   <!-- 站点配置 -->
   <script>
     window.SITE_CONFIG = {};

src/page-subspecialty/main.js

@@ -1,4 +1,11 @@
 // system入口
+// import '@babel/polyfill'
+import 'core-js/stable'
+import 'regenerator-runtime/runtime'
+import 'babel-polyfill'
+// import Es6Promise from 'es6-promise'
+// Es6Promise.polyfill()
+
 import Vue from 'vue'
 import Element from 'element-ui'
 import App from './App.vue'

vue.config.js

@@ -12,9 +12,12 @@ function resolve(dir) {
 }
 
 module.exports = {
+  parallel: false,
   publicPath: '/', // 多页面情况 process.env.NODE_ENV === 'production' ? './' : '/',
   assetsDir: 'static',
   chainWebpack: config => {
+    config.entry('main').add('babel-polyfill')
+    config.entry.app = ['babel-polyfill', './src/page-subspecialty/main.js']
     config.resolve.symlinks(true)
     const svgRule = config.module.rule('svg')
     svgRule.uses.clear()
@@ -23,6 +26,13 @@ module.exports = {
       .use('svg-sprite-loader')
       .loader('svg-sprite-loader')
   },
+  transpileDependencies: ['*'],
+  // transpileDependencies: [
+  //   /(sockjs-client)[/\\\\]/,
+  //   /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]src/,
+  //   /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]package/,
+  //   /[/\\]node_modules[/\\](.+?)?f-render(.*)/
+  // ],
   // 默认打开eslint效验，如果需要关闭，设置成false即可
   lintOnSave: false,
   runtimeCompiler: true,