vue+webpack开始时，import路径怎么才能写成这样的？

Question

下图是我想用的写法：

我用这个路径写法会报这个错误：

下图是我目前的写法：

怎么配置才能像上面那样写路径，而不用相对路径一层层的找

Answer 1

webpack配置：
resolve:{

    alias:{
        base:path.join(__dirname,'src/base'),
        api:path.join(__dirname,'src/api')
    }
}

Answer 2

webpack config -> resolve -> alias

Answer 3

试试用resolve：

https://doc.webpack-china.org...

Answer 4

关键字webpack resolve alias，在webpack配置文件里设置根位置

Answer 5

没有配置过这种写法，不过你可以参考webpack的alias配置文档地址。

如果你使用的是vue-cli的webpack模板生成的代码，可以使用@符号，@相对于项目的src目录