前端项目中npm安装同一个包的多个版本

项目中同时使用了echarts4.x和echarts5.x，很鸡肋但是又必须解决

首先安装echarts4.x

npm install echarts4@npm:echarts@4

安装echarts5.x

npm install echarts5@npm:echarts@5

之后你的项目中的node_modules中会出现echarts4和echarts5两个文件夹，正常按需import即可

//echarts5Component.vue
import * as echarts5 from 'echarts5'

//echarts4Component.vue
import * as echarts4 from 'echarts4'

原理相当于是给两个不同包所属于不同的命名空间

同时package.json中会出现

  "dependencies": {
    "echarts4": "npm:echarts@^4.9.0",
    "echarts5": "npm:echarts@^5.3.3",
  }