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.vueindex.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')】路径的作用。