为了账号安全,请及时绑定邮箱和手机立即绑定

vue-cli3.0设置静态文件简写路径

2019.11.22 18:15 3684浏览

经常在项目中层次比较深的vue文件需要引用一张静态图片的时候会有很多的../../../这样看起来很不舒服,vue的脚手架正好有这相关的配置。

const path = require('path')
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@assets',path.join(__dirname,'./src/assets'))
    .set('@util',path.join(__dirname,'./src/util'))
    .set('@api',path.join(__dirname,'./src/api'))
    //set第一个参数:设置的别名,第二个参数:设置的路径
  }
}

这样任何地方需要assets文件夹中的文件只需要@assets/img.png就行了


点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消