路径 @/ ~/ / ./ ../

路径

@/

    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
            '@': resolve('src'),
            'components': resolve('src/components'),
            'lib': resolve('src/lib'),
            'http': resolve('src/http'),
            'store': resolve('src/store'),
            'pages': resolve('src/pages'),
            'router': resolve('src/router'),
            'imgs': resolve('src/assets/img'),
            'assets': resolve('src/assets'),
            'common': resolve('src/common')
        }
    },

@/ 是webpack设置的路径别名，代表什么路径，要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置

上述例子 @/ 代表着到src这个文件夹的路径。

 

 

/ 代表的是整个Web站点的根目录,相对于wwwroot.

~代表的是整当前应用程序的根目录,但~只能在服务端控件上面使用.

转载于:https://www.cnblogs.com/zjx304/p/9910980.html