uniapp JS引入静态资源方式打包
时间: 2023-08-03 15:06:14 浏览: 353
前端开发js静态资源压缩文件
在uniapp中,可以使用相对路径或绝对路径的方式引入静态资源,例如图片、音频、视频等。在打包APP时,需要注意以下几点:
1. 相对路径引入静态资源
如果要使用相对路径引入静态资源,需要将资源文件夹放到项目的static目录下,例如:
```html
<img src="../static/images/logo.png" alt="logo">
```
这里假设在项目的pages目录下有一个子目录叫做home,而static目录和pages目录是在同一级目录下。因此可以使用相对路径`../static`来引入图片。
2. 绝对路径引入静态资源
如果要使用绝对路径引入静态资源,可以使用uni-app提供的全局变量`__uniapp_base_url__`,例如:
```html
<img :src="`${__uniapp_base_url__}/static/images/logo.png`" alt="logo">
```
这里使用了ES6的模板字符串,将`__uniapp_base_url__`和图片路径拼接起来。`__uniapp_base_url__`是uni-app提供的全局变量,指向应用程序的根路径。
无论使用相对路径还是绝对路径,都需要确保静态资源已经正确地打包到应用程序中了。可以在打包后的应用程序中查看是否存在对应的静态资源。
阅读全文