vue中路径中使用~/与@/的区别

先说@：代表src@/就是src/
@这是webpack设置的路径别名。
这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。

resolve: { // 路径别名
alias: { ‘@’: resolve(‘src’), ‘vue$’: ‘vue/dist/vue.esm.js’
}
},

就是说@这东西代表着到src这个文件夹的路径

然后是~/:相对于/的相对路径，也就是相对项目根路径

是 stylus-loader 到东东，参考 https://github.com/shama/stylus-loader
~common 表示相对 common，然后我们在 webpack 配置了 common 的 alias，就能找到了它的路径了