手动打包uni-app

2020-08-14

手动打包uni-app

环境：
Centos7.6
node-v14.8.0
npm

先安装nodejs，里面包含有npm
官网下载Linux版的软件包
http://nodejs.cn/download/
1.上传软件包至服务器
2.解压到 /usr/local/ 目录下(tar xvf 软件包 -C /usr/local/)
3.更名为node
4.配置全局变量
vim /etc/profile.d/node.sh

export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH

which npm #查看命令是否可用

下载打包uni-app的工具
npm install -g @vue/cli

从官方下载一个模板项目
vue create -p dcloudio/uni-preset-vue my-project

cd my-project/src
rm -rf  ./*
cp -rf YH/* my-project/src/        #将自己的项目源码放到src目录下
npm run build:h5     #打包成h5

打包成功后会在项目目录下产生这个文件夹 dist/build/h5
把h5里的内容拷贝到nginx或者IIs上运行就能访问到项目页面了

注意：
如果在打包过程中出错，可删除my-project目录下的node_modules，然后执行npm install，最后再次执行npm run build:h5