vue里面@是啥么路径哦

小宇
  • 423

是指项目根目录吗,还是src这个目录?
clipboard.png

回复
阅读 20.6k
9 个回答
风中孤狼
  • 1.3k
✓ 已被采纳

clipboard.png

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

rudyfd
  • 2k

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

resolve函数定义在文件上面

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

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

建议看看webpack的官方文档,resolve中的alias路径别名
clipboard.png

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

Haijay
  • 1
新手上路,请多包涵

相当于自己给起的别名

李华best
  • 5
新手上路,请多包涵

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

过了好久了,评论下来作为问题收藏,希望题主不会介意,偶然在网上找到了方法。在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')
    }
  }
};

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏