路徑中的@符號表示什麼

在看別人使用webpack打包的專案程式碼時，經常會看到在路徑中引用@符號，如下所示：

import  conOne from '@/views/conOne.vue'

這其實利用了webpack的resolve.alias特性，webpack.config.js的配製程式碼如下，在webpack打包時，會把路徑引用中的@符號，轉換為相對應的路徑。

const path = require("path");
function resolve(dir) {
    return path.join(__dirname, '..', dir);
}
 


module.exports = {
	resolve: {
        extensions: ['*', '.js', '.vue'],
        alias:{
            'vue$': 'vue/dist/vue.common.js',
            '@': resolve('src')
        }
    }
}