首页 > 其他分享 >VUE - 配置根目录(用@代表src目录)

VUE - 配置根目录(用@代表src目录)

时间:2024-11-04 11:30:33浏览次数:4  
标签:src VUE 配置 MyComponent 根目录 目录

VUE - 配置根目录(用@代表src目录)

在 Vue 项目中,@ 符号通常被用作一个别名,代表项目中的 src 目录。这通常是通过 webpack 的 resolve.alias 配置实现的。

例如,如果你有一个 Vue 组件在 src/components 目录下,你可以在这个组件中这样导入它:

import MyComponent from '@/components/MyComponent.vue';
import MyComponent from '../components/MyComponent.vue';

 

这是因为 webpack 配置了一个别名 @ 指向 src 目录。

如果你使用 Vue CLI 创建的项目,这个配置默认已经为你设置好了。如果你需要自己设置,可以在 vue.config.js 文件中添加如下配置:

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    }
  }
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

引用:https://www.jb51.net/article/254828.htm

 

标签:src,VUE,配置,MyComponent,根目录,目录
From: https://www.cnblogs.com/1285026182YUAN/p/18524852

相关文章