Vue打包记录

最新推荐文章于 2024-06-17 16:27:25 发布
最新推荐文章于 2024-06-17 16:27:25 发布
阅读量381 收藏 1
点赞数
文章标签： 打包app vue vue打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43128835/article/details/89095754
版权

在上一篇文章中记录vue 简单集成环信Web sdk，在这里再说下打包的问题
使用hubilder进行真机运行

  1. 在config 中找到index.js 将 assetsPublicPath: '/' 改成如下图所示在这里插入图片描述
  2. 在build文件夹中打开webpack.prod.conf.js 找到output： 配置，增加 publicPath: './'在这里插入图片描述
  3. 然后执行 npm run build ，就会生成一个dist 文件，然后将该文件在hbuilder 打开在这里插入图片描述
  4. 如果是web项目，需要改为APP项目
    在这里插入图片描述
  5. 然后通过数据线连上手机，运行真机就可以

如果运行真机时出现白屏等问题，可以仔细查看下1和2 记录的更改

Hi, Donkey
关注
vue打包android
qzh88888888的博客
10-19 855
命令执行完后，如果成功，在android-app\platforms\android\app\build\outputs\apk\debug目录下会生成app-debug.apk安装文件。Android版本的安装，我这里选择8.0，因为我接下来安装的cordova也是8.0,笔者在安装其他版本踩过大坑，我建议刚学习的伙伴尽量按照我的方式走，可以避坑。今天配置vue android打包环境足足花了我6个小时，终于弄好了，在此记录一下，期间的曲折整过的伙伴们应该知道，如果用二个字形容：“崩溃”
vue打包多个html,vue多页面应用打包配置
weixin_35897479的博客
06-16 2832
一直是使用vue官方提供的脚手架工具来做开发单页应用，突发奇想的想做一个多页应用的打包配置，顺便了解一下webpack的使用。花了几天时间搞定之后才发现了这篇文章《进阶| Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇)》。但还是要记录一下自己搭建的过程。代码地址：https://github.com/lzy1043/webpack-multiple-pages...
vue-cli3-record:日常代码记录
03-17
my_cli 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue 打包记录
记忆中的夏天
04-09 227
项目上线，我是用的vue，为了防止以后遇到相同的问题，我就记录一波我的采坑笔记 config>index.js 这是请求资源报错 build>utils.js
vue脚手架项目打包记录
Kikityer的博客
10-30 694
记录一下需要打包的过程和和需要修改的配置 1：需要修改cinfig文件下的index.js文件中配置信息 将assetsPublicPath：'/'  改成 assetsPublicPath：'./'   2：想要访问静态资源需要修改build文件的utils.js文件中的配置信息 if (options.extract) { return ExtractTextP...
vue记录打包时间
前端咸鱼翻身的博客
03-17 1901
在vue项目里插入 meta 标签，显示项目打包时间，验证项目版本
项目打包记录
weixin_30596165的博客
04-28 93
项目打包记录 webpack单个入口，entry属性传入入口文件路径，可传入数组，传入数组将创建多个住入口 对象语法 用法：entry:{} //weboack.config.js const config={ entry:{ <!-- 可配置多个入口文件 --> app:'./aa/bb/x.js', ...
解决vue build打包之后首页白屏的问题
08-27
- 监控日志：在生产环境中开启Vue的错误追踪和日志记录，以便更快定位问题。 综上所述，解决Vue build打包后首页白屏的问题主要涉及调整静态资源的路径配置。同时，理解其他可能的原因和采取相应的优化措施，将有...
Vue打包优化篇-CDN加速
小生不才
08-06 7235
在没有使用cdn加速之前打包后数据如下，可以看出element-ui、vue、vuex、vue-router这些依赖都打进chunk-vendors.js中导致体积很大，假设再来很多依赖项是不是更大，同时也会影响单页面应用首屏加载速度，所以这里采用一种打包优化手段之一来分离依赖项。......
解决Vue 项目打包后favicon无法正常显示的问题
10-18
然而，在使用Vue这类前端框架开发项目时，打包后的favicon有时会遇到无法正常显示的问题。本文将详细解析在Vue项目中解决favicon无法显示的问题。 首先，问题出现的根源通常与路径配置不当有关。在开发环境中，如果...
Vue记录前端编译打包时间，并展示到页面
最新发布
weixin_45304375的博客
06-17 369
在做产品的时候我们会遇到记录前端打包时间的情况，那么怎么去实现呢？Vue记录前端编译打包时间，并展示到页面
vue 记录编译打包时间并在前端展示
weixin_46188510的博客
07-11 2249
创建一个json文件 在vue.config.js中调用fs方法将时间作为内容写入文件 const fs = require('fs'); const versionJSON = { "compileTime": new Date().getTime() } fs.writeFile("./src/utils/versionJSON.json", JSON.stringify(versionJSON), (err)=>{ console.log('文件写入成功'); }) mo.
IDEA 打包 jar 包记录
谈谈1974
12-02 2122
文章目录前言1. 打包 jar 包流程2. 可能遇到的问题2.1 MANIFEST.MF 文件已经存在报错2.2 已经删除的 jar 包配置再次打开时依然存在 前言 最近在了解 Java Agent 探针技术，在做 demo 的时候需要把代码打包成 jar 包，通过 java -javaagent:xxx -jar xxx 命令启动才能测试代码是否正确修改了字节码，因此有了这篇文章 1. 打包 jar 包流程 首先直接点击图示位置(也可以点击File --> Project Structure)
vue.js打包记录
欲掩不从心
12-27 248
打包命令 npm run build 这时候看文件目录 你会找到dist这个目录 点击index.html就可以看到页面了 可能会遇到的问题 2.1 空白页问题 具体描述：点击index.html.出现空白页，按F12 报错信息Failed to load resource: net::ERR_FILE_NOT_FOUND 样式找不到 解决办法： 第一步： 把 assetsPublic...
vue打包的详细步骤记录
玫瑰与鹿°
04-19 7817
任务 要对积分项目的pc端进行打包。 平时我们可以在Jenkins上配置，然后启动，让其自动打包。但是这次Jenkins上打包出错了，所以想手动打包，测验一下是哪的问题。 详细步骤 （1）打开config下的index.js文件，修改assetsPublicPath的值，从‘/’改为‘./’。即从根路径改为相对路径。否则出现不了页面，出现的是一页空白。 （2）打开build下的utils.js文...
Vue-cli 相关webpack配置-量化打包时间和打包后分析
Wang_Si_D的博客
10-19 2606
主要介绍两个插件，用于量化打包时间，和打包后分析。
打包结果分析
狡辉两门的博客
06-17 515
由于是利用进行打包，我们仅需加入一个插件即可分析打包结果为了避免在开发环境中启动，我们仅需使用以下代码即可 优化公共库打包体积 使用CDN CDN全称为Content Delivery Network，称之为内容分发网络它的基本原理是：架设多台服务器，这些服务器定期从源站拿取资源保存本地，到让不同地域的用户能够通过访问最近的服务器获得资源我们可以把项目中的所有静态资源都放到CDN上（收费），也可以利用现成免费的CDN获取公共库的资源首先，我们需要告诉不要对公共库进行打包 然后，在页面中手动加入链接，这里使用
vue项目打包后常见问题总结与解决办法
ztr143345的博客
08-07 6844
问题一：使用的element或iview框架图表不显示 目录 问题一：使用的element或iview框架图表不显示
vue 打包后如何转换回去
热门推荐
lz805927的博客
08-03 1万+
1.首先打开上传后的地址，找到Sources 如图下 2.打开top，第一个这里是css。 3.打开top，第二个webpack这里是你的封装的东西以及你的组件。如图下 4.webpack这里 打开 ·
vue2 history如何打包
05-16
打包 Vue2 历史记录模式（history mode）的应用程序，你需要执行以下步骤： 1. 在你的 Vue CLI 项目中，打开 `vue.config.js` 文件。 2. 在该文件中添加以下配置： ```javascript module.exports = { publicPath...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值