码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目中的路径别名

时间:2017-09-27 18:55:33      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:nbsp   .com   配置   npm   install   blog   技术分享   png   执行   

每次写引入组件的路径,如果路径嵌套比较深,那么会比较麻烦,我们可以在webpack.base.conf.js,中设置路径的别名,默认webpack设置src的别名为@

技术分享

建议配置src下一级目录的别名,这样可以减少重复书写也会比较美观,

技术分享

这样在引入components中的文件就可以这样写了:

技术分享

代替

技术分享

在项目运行中修改,路径别名配置需要重启项目,执行 cnpm install --save

 

vue项目中的路径别名

标签:nbsp   .com   配置   npm   install   blog   技术分享   png   执行   

原文地址:http://www.cnblogs.com/xiaofenguo/p/7603086.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!