引入静态文件，组件时，你们是怎么解决的路径过长的问题的？

Question

写vue时常常自己封装一些组件，写一写SCSS样式文件，然后图片又放在assets里面

常常就是这样一堆路径、、、
有没有简单的解决办法。。。

Answer 1

可以封装一个就近的导出文件，比如 components下面有一个 index.js，专门用于 export下面所有的组件；如果还嫌路径深，可以在更上层的地方导出。

然后这样：

import {TableTemplate, Btn, Dialog} from '../../components'

补充：

额，忘了是vue文件。Webpack 不知道支不支持 .vue 转手再导出，理论上可以，回去试试。普通的 .js 是可以的。

Answer 2

首先楼主使用什么来打包代码的呢，如果是webpack的话，会有一个reslove配置，可以设置自定义路径，其他打包工具也会有相应的设置来解决路径过深的问题