Vue-cli 3.0中 alias别名 @映射到/src下的配置放在哪里了？

Question

只是出于个人好奇...所以提出这个问题，搜索了整个项目目录也没有搜索到这个webpack的默认配置在哪里 开箱以后@就映射到了/src这个目录

看了官网文档后我知道可以在vue.config.js中手动配置别名(下图是我自己写的)

但是这种开箱就能用的@映射是在哪里实现的？是webpack默认实现吗？还是封装在vue-cli的哪段代码中了

目录结构:

Answer 1

在 node_modules/@vue/cli-service/lib/config/base.js 这里面

.alias
        .set('@', api.resolve('src'))

不过你估计得看看 webpack-chain，如果对 vue-cli 3 感兴趣可以看看我分享的一些文章，一起学习哈

Answer 2

webpack-configuration-resolve

Answer 3

可通过创建vue.config.js文件改写配置

module.exports = {
    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('assets', resolve('src/assets'))
    },
}