详解vue配置文件一: @

424 阅读1分钟

关于路由文件或其他引用文件之前的@符号:

上面的路由配置文件中,用到了@这个符号,这个符号是一个别名,具体配置在webpack.base.conf.js文件里面:


@对应下面文件目录中的src文件目录。


使用@的好处在于,减少了冗余的路径,如在HelloWorld.vue里面使用logo.png,则一般情况下的引用路径为:

‘../assets/logo.png’,

而使用@,则用‘@/assets/logo.png’就可以了。这样写的好处除了简化书写外,还有一点是,若HelloWorld.vue移动到了components下的一个子文件里,这时候就不需要再去修正图片的位置了。