Webpack配置路径别名

2021-03-01 02:25

阅读:684

标签:路径   src   png   rom   直接   符号   item   pack   通过   

使用Vue的CLI2构建项目后,在webpack.base.conf.js中配置resolve解决路径相关问题。

// 专门解决路径相关问题
  resolve: {
    extensions: [‘.js‘, ‘.vue‘, ‘.json‘],
    alias: {
      ‘@‘: resolve(‘src‘), // 给src起了个别名
      ‘assets‘: resolve(‘@/assets‘),
      ‘components‘: resolve(‘@/components‘),
      ‘views‘: resolve(‘@/views‘)
    }
  }

然后在标签元素的时候直接这样写,前面一定要加波浪符号,它是属于DOM里面的,如:

在js引用的时候(通过import),不加号,如:

 import TabBar from ‘components/tabbar/TabBar‘

Webpack配置路径别名

标签:路径   src   png   rom   直接   符号   item   pack   通过   

原文地址:https://www.cnblogs.com/an-shiguang/p/14453884.html

上一篇:js基础 Array.of

下一篇:CSS样式-浮动


评论


亲,登录后才可以留言!