Question

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

如题

Answer 1

先说@
@这是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，就能找到了它的路径了