在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下上面文件改好后，开始打包，执行如下命令： npm run build 生成 dist 文件夹1.使用 cordova 打包 （较为复杂，安全，需要配置环境） 第一步：安装cordova如果已经安装则直接跳过
一、前期准备1.首先，需要安装nodejs，版本需要与其它同事的保持一致，否则可能出现打包报错的情况； 安装msi格式的nodejs，就可以不用手动配置环境变量。2.如果有必要，修改npm下载源为公司内网源（如果允许访问外网，可以找cnpm使用淘宝源的方法）npm config set registry http://www.xxx.com/group
npm config get regist
1.首页安装nginx-v1.13.8 安装包私信我要吧~~ 先解压到一个盘里 2.用记事本打开，修改端口号
原创
2022-05-26 16:52:27
1875阅读
点赞
现在基于vue全家桶技术体系，基本上可以开发各端的各种应用，pc端的应用，开发完成以后，直接运行打包命令 yarn build 即可打包，部署到服务器端上线即可。那么，今天我们来聊一聊，开发好的vue移动端应用，如何打包成app，安装在自己的手机上呢？首先，基于vue开发的应用，现在主流的是使用vue/cli的4.x版本搭建的项目，从vue-cli的3.x版本以后，如何修改vue的项目配置呢？过程
转载
2023-07-14 10:34:07
792阅读
一、前言 项目本来打算采用B/S架构去做的，浏览器网址方式打开还是让用户不方便；二、使用electron集成桌面应用 本身项目是使用vue-cli开发的，在使用electron之前，需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了.clone https://github.com/electron/electron-quick-startcd
转载
2023-07-16 19:15:56
297阅读
背景：框架vue2+工具vue-cli2，项目需要打包两个角色，三个运行环境：本地，测试，生产，上线发布有的直接在根目录下，有的需要在二级目录下。一、增加打包配置文件1、config文件夹增加4个环境变量文件，build文件夹增加7个打包配置文件2、新增环境变量文件： 添加规则按照已有环境变量添加即可，名字自己取，最好见名知意，图中的APP_USER_TYPE自定义，如果需要更多自定义变量自行增加
我们都知道HBuilder可以直接将写好的项目，打包成apk或者ipa,但是里面好像只可以配置一张启动页，但是无法配置3张引导页。不知道是不是我表达能力不行
原创
2022-05-26 16:49:28
319阅读
今天有时间分享一些平时自己开发上的一些构建配置，我们以Vue-CLI-2.x来构建开发环境。 好，我们先来看一下我们要做哪些工作。 现附上源码地址，https://github.com/749264345/Vue-CLI-2.x1.Vue,Vuex,vue-router,axios通过CDN引入；优化打包后文件过大的问题 2.开发环境区分开发，测试，生产；提高开发效率 3.打包区分测试与生产 4.
.gitignore 里面设置上传项目时可以忽略的文件，eg：node_modules一、制作首页hadder和tabbar完成Header区域，使用的的是mint-ui中的Header组件制作底部的Tabbar区域，使用的是mui中的Tabbar.html - 在制作购物车小图标的时候，先把扩展图标的css样式，拷贝到项目中 - 再拷贝我们的字体库ttf文件到项目中 - 为购物车小图标添加图像样
一、总体步骤流程概览二、脚本路径三、拉取Git代码1、配置需要Git打包分支全局变量 2、脚本说明stage('拉取Git代码') {
steps {
echo "\n--------------- 拉取Git代码 start ---------------\n"
// 拉取Git上的最新代码
git
引言前文中已经介绍了什么是cordova 为什么要用cordova，基础的环境搭建以及如何编译打包生成APK安装包，接下来我们介绍如何使用Jenkins 自动化编译打包生成APK安装包！服务器搭建在搭建jerkins之前首先需要一台服务器环境，一个虚拟机或者阿里云租一台，这里我以虚拟机为例子：准备一台虚拟机：系统为centosdocker环境的搭建docker 环境的搭建，docker是什么？为什
在做首屏加载时间优化时，会发现chunk-vendors.js这个文件巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。一、为什么打包后文件会过大？ 项目使用vue-cli脚手架搭建，开发过程中为满足各种需求会引入各种依赖，打包时webpack把所有的库都打包在一起，所以vendor.js文件和app.js文件很大，最后出现进入首个页面时会长时间的白屏，影响用户体验。二、解决方案 1、使用
为何会写这篇文章呢？因为打包部署太麻烦 大家都知道，vue-cli项目配置后台服务地址的位置在config目录下的文件中配置，初学时觉得很方便。 真正应用到项目之后，会发现我们不只有开发环境，还有测试环境、生成环境等等，如果打包部署的话，我们需要分别为每个环境打一次包，很繁琐！ 项目前期还可以接受这种方式，因为主要是本地开发，到了项目后期进行bug修复和优化阶段，打包部署变得比较频繁
uniapp Android证书 打包上线GooglePlay app自动升级 1.Android证书申请要安装jdk并配置环境变量。keytool -genkey -alias android -keyalg RSA -validity 36500 -keystore android.keystoreandroid：证书别名android.keystore：证书名称36500：时间，单
前面发布了很多文章向大家分享前端、小程序相关的知识，最近很多小伙伴说想看实操，这不就安排起来了吗！今天就给大家分享“Vue 项目转小程序”的实操干货。首先明确需求：开发者是想将已有的 Vue 项目转为小程序，在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个注意事项：Web 项目是适合在手机等移动设备中运行的，屏幕已经兼容；H5 项目的代码是前后端分离的；在本
需要下载HBuildX 软件步骤1编译自己的VUE项目 编译项目之前有很重要的步骤不能忘记将config文件夹里面的index.js中的 assetsPublicPath的值修改 为“./”webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里publicPath: process.env.NODE_EN
转载
2023-05-24 16:25:24
512阅读
一、vue单文件组件开发流程（webpack打包）1）源文件目录结构2）package.json3）webpack.config.js HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认名称为index.html。 运行.vue文件，需要依赖vue、vue-loader、vue-template-compiler这
前端应用发布在发布前后端分离的企业级应用时，通常前端应用会被发布到独立的Web 服务器中，如nginx、Apache等。下面我们就以当前被广泛应用的nginx为例，讲解一下如何进行前端应用发布。nginx的安装nginx是一个高性能、支持高并发的开源Web服务器，因其占用资源少、性能高、支持高并发，并且能够提供负载均衡和缓存服务，在企业级应用中被广泛应用。1.nginx的下载nginx采用类BSD
每个月一次的技术文档是一个总结的过程，今天就来讲讲我最近遇到的vue项目打包部署到服务端的注意事项及步骤。我们用vue-cli脚手架建一个项目之后，在本地测试都没有问题，但是直接用npm run build打包，访问基本都是有问题，比如：页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。出
前言 Vue为什么要打包，这就要说说vue的打包后是个什么样子，vue打包后至少会形成css、font、js文件夹和一个index.html文件，所以打包后，会将所有.vue文件结合成一个html文件。接下来还要对项目进行打包，这个打包主要是让其成为一个app应用（.apk）的一个过程，可以安装到手机上
