vue里面@是啥么路径哦

Question

是指项目根目录吗，还是src这个目录？

Answer 1

自己看下那定义的，如果你用vue-cli 就是这里定义的了

Answer 2

build文件夹里的webpack.base.conf.js里的alias

resolve函数定义在文件上面

Answer 3

这是webpack配置的路径 我记得以前有人问过这个问题，建议搜索一下

Answer 4

这是vue 自带的， 表示src ， 不用管他。 知道就行

Answer 5

建议看看webpack的官方文档，resolve中的alias路径别名

Answer 6

一般采用全局搜索就知道了， resolve指路径别名

Answer 7

相当于自己给起的别名

Answer 8

但是webstorm在路径查找的时候找不到 这个怎么配置好呢？

Answer 9

过了好久了，评论下来作为问题收藏，希望题主不会介意，偶然在网上找到了方法。在webstorm项目根目录新建webstorm.config.js文件，内容如下

// 该文件用于解决 WebStorm 关于 Webpack 路径别名问题（实际就是未暴露的 webpack.config.js 写法）
// WebStorm 配置项: File > Settings > Languages & FrameWorks > JavaScript > Webpack
// 无该文件不影响项目运行（vue.config.js 已有相关配置），只是 WebStorm 无法识别路径别名
'use strict';
const path = require('path');

function resolve (dir) {
  return path.join(__dirname, '.', dir)
}

module.exports = {
  context: path.resolve(__dirname, './'),
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      '_c': resolve('src/components')
    }
  }
};