如何将大型项目从Vue 2迁移到Vue 3

webghufk  于 2023-05-07  发布在  Vue.js
关注(0)|答案(1)|浏览(270)

我想把大型项目迁移到vue 3,但我以前没有这样做。如果我从更新文件package.json开始,对吗?这是我的档案(如果它是正确的。我怎么能做它的权利。我会很高兴的指导)。我已经尝试使用命令nom install --save-dev @vue/cli@5.x将@vue/cli更新到5.x,更改版本vue(但由于tiptop无法工作)

{
  "name": "app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@vue/cli": "^4.5.9",
    "accounting": "^0.4.1",
    "axios": "^0.21.0",
    "babel-loader": "^8.2.1",
    "cache-loader": "^4.1.0",
    "core-js": "^3.6.5",
    "dayjs": "^1.9.8",
    "element-theme-chalk": "^2.14.1",
    "element-ui": "^2.3.6",
    "element-ui-el-table-draggable": "^1.2.10",
    "fuse-js-latest": "^3.1.0",
    "fuse.js": "^6.4.6",
    "global": "^4.4.0",
    "inputmask": "^5.0.5",
    "js-file-download": "^0.4.12",
    "lodash": "^4.17.15",
    "moment": "^2.29.1",
    "roboto-fontface": "^0.10.0",
    "sass": "^1.29.0",
    "sass-loader": "^10.1.0",
    "svgo": "^2.8.0",
    "svgo-loader": "^3.0.0",
    "tippy.js": "^6.2.7",
    "tiptap": "^1.31.0",
    "tiptap-extensions": "^1.34.0",
    "uuid": "^8.3.2",
    "v-file-upload": "^3.1.7",
    "vue": "^3.2.6",
    "vue-affix": "^0.5.2",
    "vue-at": "2.x",
    "vue-dadata": "^1.4.10",
    "vue-infinite-loading": "^2.4.5",
    "vue-loader": "^15.9.5",
    "vue-router": "^3.4.9",
    "vue-simple-svg": "^2.0.2",
    "vue-svg-inline-loader": "^2.1.2",
    "vue-svg-loader": "^0.16.0",
    "vue-svg-sprite": "^2.2.0",
    "vuex": "^3.5.1",
    "wialon": "^2.0.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "svg-sprite-loader": "^4.1.6",
    "tailwindcss": "^0.6.1",
    "vue-cli-plugin-element-ui": "~1.1.4",
    "vue-cli-plugin-lodash": "~0.1.3",
    "vue-cli-plugin-svg-sprite": "~1.0.0",
    "vue-cli-plugin-svg-sprite-loader": "~1.0.3",
    "vue-cli-plugin-tailwindcss": "~0.1.1",
    "@vue/compiler-sfc": "^3.2.6",
    "@vue/compat": "^3.2.6"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}
4nkexdtk

4nkexdtk1#

这实际上比你想象的要容易,你可以在代码库方面逐步地完成它。是的,你需要对你的软件包做一些设置,但是如果你按照文档中的说明做,这是非常容易的。
这是https://v3-migration.vuejs.org/migration-build.html文件。您可以按照文档中的分步建议进行操作。好消息是你的猜测是正确的。从package.json文件开始迁移。祝你好运

相关问题