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

问题描述

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’) } ------------------------------- },

问题解答

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

//例如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’)】路径的作用。回答2：

类似问题，通过看看官方文档是可以解决的