VUE打包环境部署

VUE打包环境部署

安装拓展源

1
yum -y install epel-release

安装nodejs及npm

1
yum -y install nodejs npm

配置npm源

1
2
3
4
5
6
7
8
9
10
11
12
13
14
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

# 淘宝镜像源
https://registry.npmmirror.com
https://registry.npm.taobao.org

# 腾讯云镜像源
http://mirrors.cloud.tencent.com/npm/

# 华为云镜像源
https://mirrors.huaweicloud.com/repository/npm/

# 官方默认全局镜像
https://registry.npmjs.org

安装pnpm

1
npm install -g pnpm

安装项目所需插件

1
cd xxx项目目录
1
npm install   ##或者 pnpm install

打包

1
npm build    ##或者  pnpm build

此时目录下会生成dist目录

发布项目

演示为yum安装的nginx

1
rm -rf /usr/share/nginx/html/*
1
cp -r dist/* /usr/share/nginx/html/

启动nginx

1
systemtcl start nginx

访问项目

1
直接访问IP 若有域名访问域名
#VUE