在开发中我们需要将文件(资源)分门别类,按需加载。
在 Page 页面引入 CSS 、JS 资源可以从根路径开始引入,统一路径,如
import api from "@/common/api.js";
@import "colorui/main.css";
在JS中引入资源(如图片)有以下三个选择
① 相对于当前目录的上级目录
../static/logo.png
获取当前目录的上级目录的同级目录 static里面的 logo.png
② 获取根目录下面的资源
/static/logo.png
从项目目录的根路径下的static目录里面的logo.png
③ 获取当前目录下面的资源
static/logo.png
获取当前路径下的static目录里面的logo.png
最好采用第②种方式,避免调用组件,位置不一致导致相对路径获的不一致导致资源获取失败