vue中导入路径之间的差异

Question

我开始进入vue，但我并不完全理解不同导入之间的语法。例如，可以导入类似的东西

import Vue from 'vue'; 
import axios from 'axios';

你从哪里得到vue/axios让我有点困惑，因为通常你会从一条小路上得到它。很抱歉，如果在其他地方有答案，我找不到什么。提前感谢：-(

Answer 1

如果您在package.json中查看，您会看到一个依赖项列表：

{
"name": "resources",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"axios": "^0.20.0",
"core-js": "^3.6.5",
"vue": "^2.6.12",
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.6",
"@vue/cli-service": "~4.5.6",
"sass": "^1.26.11",
"sass-loader": "^10.0.2",
"vue-template-compiler": "^2.6.12"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}

这些是使用npm i <package>安装的npm软件包，它们位于node_modules文件夹中。你不需要它们的相对路径，你只需要导入它们——你在片段中的方式和节点知道在哪里查找。

Answer 2

路径的解析方式由加载程序定义和配置，在Vue的情况下，通常是Webpack。

您可以在此处找到详细信息：https://webpack.js.org/concepts/module-resolution/