vue项目（webpack+mintui，在线前端开发学习

1	assetsPublicPath: './',  发布路径

（2）css引用图片资源找不到问题：

因为打包后路径发生变化，导致这个图片就找不到。 stackflow上有一个解决办法，很简单打开“build/utils.js”，增加一行代码即可

1	publicPath:'../../'

二、通过webpack打包

执行这样命令后，可以看到根目录的dist文件夹下是打包好的静态资源

这样就打包好了，里面有index.html 以及 static文件夹（包含fonts、img、js、css文件夹）两个

三、使用hbuilder打开

将dist文件下拖动到huilder软件中即可

dist文件夹，就是拖动进去的，A 标记是app的意思，W是web的意思。我这里是已经转为app了，所以dist文件夹以 A  标识 ，没有转换之前是 W 标识

四、转换为移动APP

由于我已经转为APP，我用helloHBuilder做示范

右键需要转为app的文件夹，弹出的快捷菜单中——>转换成移动APP(T)。

点击“我知道了”之后，发现dist文件夹会多了一些文件

五、配置manifest.json

（1） 应用信息配置

“应用名称” ：给你的app取个名字

“appid” ：右侧点击“云端获取”，要登录注册你的账号之后，点击‘云端获取’会自动给你填上

“页面入口” ： 主页面，因为我是用vue开发的，所以我只有一个HTML文件，是index.html

（2）图标配置

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

a6e4.png)

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。