前端打包流程

简介:
[root@jiaxin-ceshi ~]# cd /usr/local/src/
[root@jiaxin-ceshi src]# wget https://nodejs.org/download/release/v8.11.1/node-v8.11.1-linux-x64.tar.gz
[root@jiaxin-ceshi src]# tar xf node-v8.11.1-linux-x64.tar.gz 
[root@jiaxin-ceshi src]# cd node-v8.11.1-linux-x64/bin
[root@jiaxin-ceshi bin]# ./node -v
v8.11.1

然后添加环境变量

[root@jiaxin-ceshi bin]# vim /etc/profile
###########################################

export NODE_HOME=/usr/local/src/node-v8.11.1-linux-x64/

export PATH=$NODE_HOME/bin:$PATH
#################################
[root@jiaxin-ceshi bin]# source /etc/profile
[root@jiaxin-ceshi bin]# node -v
v8.11.1

生成添加gitlab密钥
[root@jiaxin-ceshi work]# ssh-keygen -t rsa -C gowgeiaain@eatjors.com

[root@jiaxin-ceshi work]# vim /root/.ssh/id_rsa.pub

211
212

[root@jiaxin-ceshi work]# git clone git@192.168.19.18:eatjoys-front/eatjoys-front-min.git

或者指定分支

git clone -b develop  git@192.168.19.18:eatjoys-front/eatjoys-front-min.git

全局安装yarn
npm config set registry https://registry.npm.taobao.org/

npm install yarn -g //只下载一次

npm install //只下载一次

[root@jiaxin-ceshi work]# npm install yarn -g 
/usr/local/src/node-v8.11.1-linux-x64/bin/yarn -> /usr/local/src/node-v8.11.1-linux-x64/lib/node_modules/yarn/bin/yarn.js
/usr/local/src/node-v8.11.1-linux-x64/bin/yarnpkg -> /usr/local/src/node-v8.11.1-linux-x64/lib/node_modules/yarn/bin/yarn.js
+ yarn@1.10.1
added 1 package in 2.051s
[root@jiaxin-ceshi eatjoys-front-min]# npm config set registry https://registry.npm.taobao.org/
[root@jiaxin-ceshi eatjoys-front-min]# npm  install
[root@jiaxin-ceshi eatjoys-front-min]# yarn
[root@jiaxin-ceshi eatjoys-front-min]# npm run build

然后dist目录就是打好的包了

相关文章
|
1月前
|
缓存 前端开发 JavaScript
Vite 构建流程大揭秘:快速构建前端项目的秘密武器
Vite 构建流程大揭秘:快速构建前端项目的秘密武器
|
3月前
|
监控 前端开发 测试技术
前端研发流程的深入解析:从构思到交付
前端研发流程的深入解析:从构思到交付
64 0
|
3月前
|
前端开发 JavaScript 测试技术
探索现代前端工程化工具与流程:提升开发效率和项目质量
探索现代前端工程化工具与流程:提升开发效率和项目质量
探索现代前端工程化工具与流程:提升开发效率和项目质量
|
3月前
|
Rust 前端开发 JavaScript
第4期 一文了解前端打包工具的发展
第4期 一文了解前端打包工具的发展
35 0
|
4月前
|
JSON 前端开发 数据可视化
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
423 0
|
4月前
|
负载均衡 前端开发 应用服务中间件
【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包
【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包
381 0
|
4月前
|
前端开发 应用服务中间件 nginx
Javaweb之前端工程打包部署的详细解析
6 打包部署 我们的前端工程开发好了,但是我们需要发布,那么如何发布呢?主要分为2步: 前端工程打包 通过nginx服务器发布前端工程 6.1 前端工程打包
126 0
Javaweb之前端工程打包部署的详细解析
|
4月前
|
JSON 资源调度 前端开发
前端工具 Prettier 详细使用流程(兼容ESLint)
前端工具 Prettier 详细使用流程(兼容ESLint)
77 0
|
1月前
|
Web App开发 JavaScript 前端开发
前端项目打包与发布
前端项目打包与发布
63 7
|
2月前
|
JSON 前端开发 JavaScript
从前端到后端——Web开发的全流程解析
【2月更文挑战第2天】Web开发涉及多个方面,从前端设计到后端实现,需要开发者具备一定的技术能力和知识储备。本文将以一个简单的Web应用为例,详细介绍Web开发的全流程。