vue 引入文件的路径问题

项目情景：当我需要在vue里引入图片文件或样式文件等静态资源文件时，如果不在同一个目录，放在其它目录的话，需要写个很长的相对路径 写…/…/…/ 等才能找到这个文件，那怎么简单的通过其他方式引入呢？

方法如下：

---

需要找到webpack.base.conf.js里面的alias配置一下：

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
      'vue$': 'vue/dist/vue.esm.js',
	  '@': resolve('src'),
	  '@components': path.resolve(__dirname,'../src/components'),
	  '@assets': path.resolve(__dirname,'../src/assets'),
	  '@js': path.resolve(__dirname,'../src/js'),
	  '@api': path.resolve(__dirname, '../src/api'),
	  '@styles': path.resolve(__dirname, '../src/styles'),
  }
},

总结

通过这种方法，当你复制文件路径的时候，当深度不一样时，就不会报错，也不用来回的修改