webpack中alias配置中的“@”是什么意思？

Question

 output: {    path: config.build.assetsRoot,    filename: '[name].js',    publicPath: process.env.NODE_ENV === 'production'      ? config.build.assetsPublicPath      : config.dev.assetsPublicPath  },  resolve: {    extensions: ['.js', '.vue', '.json'],    -------------@是什么意思----------------    alias: {      'vue$': 'vue/dist/vue.esm.js',      '@': resolve('src')    }    -------------------------------  },

Answer 1

只是一个别名而已。
这里设置别名是为了让后续引用的地方减少路径的复杂度。

//例如

src

 - components

   - a.vue

 - router

   - home

     - index.vue

index.vue 里，正常引用 A 组件：

import A from '../../components/a.vue'

如果设置了 alias 后。

alias: {

  'vue$': 'vue/dist/vue.esm.js',

  '@': resolve('src')

}

引用的地方路径就可以这样了

import A from '@/components/a.vue'

这里的 @ 就起到了【resolve('src')】路径的作用。