vue设置src别名

Vue.js 使用别名（alias）是为了在项目中简化路径引用，特别是在大型项目中，可以避免直接使用绝对路径导致文件结构复杂。在 Vue CLI 中，你可以通过 `vue.config.js` 文件来配置 alias。以下是设置 src 别名的基本步骤：

1. 打开项目的根目录下的 `.vue-cli-service.config.js` 或者创建一个新的配置文件（默认为 `vue.config.js`），如果没有就手动添加。

2. 导入 `path` 库，因为 Vue CLI 配置文件是 JavaScript 文件。

const path = require('path');

3. 设置 alias 对象，通常命名为 `chainWebpack` 或者 `configureWebpack`，然后在 `module` 属性下添加 `rules` 数组，其中包含 `asset` 规则，用于处理静态资源的别名。例如：

chainWebpack: config => {
  config.resolve.alias.set('@', path.resolve(__dirname, 'src'));
}

这里的 `@` 就是你自定义的别名，替换为你想使用的名称，如 `'src'` 表示将所有路径映射到 `src` 目录下。

4. 保存配置文件，并重启开发服务器，新的别名就会生效了。现在你在组件、样式或者其他地方可以直接使用 `@/components/YourComponent.vue` 这样的形式来引用资源，而不是 `./src/components/YourComponent.vue`。