vux构建的项目打包成app出的一些问题

时间:2025-05-04 12:04:56

1.static里面能放一些外部的插件,css可以放static,引用的时候按照相对路径写,

less不可以,因为放在static里面的文件不会经过webpack的处理,所以也就不会编译成css,所以浏览器识别不了,

一些比较庞大的文件,比如bootstrap库,且经过压缩的,可以放static,这样打包的时候就不会等很久。

2.底部的路由跳转,路径要改为./

即:

<template>
<div v-show="isFooter" id="appFooter">
<tabbar>
<tabbar-item selected link="./home">
<i slot="icon" class="iconfont icon-homebig"></i>
<span slot="label">首页</span>
</tabbar-item>
<tabbar-item link="./appIndustry">
<i slot="icon" class="iconfont icon-menu_park"></i>
<span slot="label">企业</span>
</tabbar-item>
<tabbar-item link="./appOptional">
<i slot="icon" class="iconfont icon-fenlei"></i>
<span slot="label">自选</span>
</tabbar-item>
<tabbar-item link="./appShealdeal">
<i slot="icon" class="iconfont icon-rongzi"></i>
<span slot="label">融资</span>
</tabbar-item>
<tabbar-item link="./appInformation">
<i slot="icon" class="iconfont icon-daohangzixun"></i>
<span slot="label">资讯</span>
</tabbar-item>
</tabbar>
</div>
</template>

3.外部引入的东西可以直接放在index.html里面

vux构建的项目打包成app出的一些问题

4.之前为了去掉页面链接中的#,使用了mode:history,这样之后打包也会有问题,因此不能去掉#号

5.【最重要】在npm run build 之前要先去config ->index.js里面改些配置

在build里面配置assetsPublicPath为 “ ./  ”,配置之前是 “ / ”

vux构建的项目打包成app出的一些问题

dev里面无须配置,如果添加了“  .  ”,dev环境都出问题,能启动,但是页面路径对不上

vux构建的项目打包成app出的一些问题