vue给文件路径起别名

vue给文件路径起别名

1.在webpack.base.conf.js文件中的alias中写

  resolve: {
    
    
    extensions: ['.js', '.vue', '.json'],
    //起别名
    alias: {
    
    
      '@': resolve('src'),
			'assets':resolve('src/assets'),
			'components':resolve('src/cpmponents'),
			'views':resolve('src/views')
    }
  },

2.用的时候加一个~符号

例如

<img src='../../views/test.vue'/>
//使用别名
<img src='~views/test.vue'/>