当前位置: 首页 > news >正文

使用Netlify进行简单部署

目的

本次我们将使用Netlify进行简单部署这个项目,Neylify提供了免费且强大的托管服务;

  • 在此之前,我们重新处理一下我们package,json,让其可以更好的被构建,我们加入一些关于parcel构建的输出之类的参数
    "start": "parcel index.html","build": "parcel build index.html --dist-dir ./dist"   },   "author": "ItShare",   "license": "ISC",   "dependencies": {"core-js": "^3.6.5","fraction": "^0.2.0","parcel": "^2.0.0-beta.1","regenerator-runtime": "^0.13.7","sass": "^1.26.10"   } }
  • 之后我们来构建这个项目
npm run bulid

构建完成之后你就会得到一个dist的目录,有了这个目录我们就可以去部署了

  • 我们部署的网页就是这个网页,可以网站可以允许我们免费的使用它部署前端项目

在这里插入图片描述

  • 登录之后是这个界面

在这里插入图片描述

  • 之后就很简单了,我们只需要将我们dist的目录拖到这个网站上就自动的部署了

在这里插入图片描述

  • 然后点击链接就可以正常的访问了

在这里插入图片描述

  • 这个网站也可以对项目进行一些的配置,比如我们可以更改项目名称

在这里插入图片描述

后面我们将在学习一些关于版本控制和GIT的使用,这个是每个程序员都必须要掌握的知识哦;

http://www.dtcms.com/a/251253.html

相关文章:

  • Git+Jenkins-Docker搭建企业级CI/CD平台
  • 基于OpenManus的跨平台部署方案及远程访问安全机制
  • CSS 第四天 复合选择器、CSS特性、背景属性、显示模式
  • P6 QT项目----汽车仪表盘(6.2)
  • 原型模式Prototype Pattern
  • 第二十九场 蓝桥算法赛
  • 华为OD机试_2025 B卷_运维日志排序(Python,100分)(附详细解题思路)
  • 136. 只出现一次的数字
  • CSP 2024 入门级第一轮(88.5)
  • NodeJS中老生代和新生代和垃圾回收机制
  • Luckfox Pico Pi RV1106学习<3>:支持IMX415摄像头
  • 深度学习:PyTorch自动微分模块
  • 修改了xml布局代码,页面使用了databinding,此时不开启kapt也可以吗
  • Yolo11改进策略:Block改进|MKP,多尺度卷积核级联结构,增强感受野适应性|即插即用|AAAI 2025
  • c++26新功能—契约与概念
  • 华为OD-2024年E卷-英文输入法[100分] -- python
  • 深入实践Caffeine+Redis两级缓存架构:从原理到高可用设计
  • ubuntu 22.04 安装部署elk(elasticsearch/logstash/kibana) 7.10.0详细教程
  • 【JVM】- 内存模式
  • 如何在Windows上使用qemu安装ubuntu24.04服务器?
  • 【Elasticsearch】文档(二):更新
  • 变幻莫测:CoreData 中 Transformable 类型面面俱到(四)
  • Matlab数字信号处理——基于GUI的ECG信号处理平台设计与实现
  • 解决docker下的Linux系统调用GPU失败
  • STM32 HAL库学习 RNG篇
  • 国产操作系统-银河麒麟本地化部署Ollama国产开源的AI大模型Qwen3
  • 华为云Flexus+DeepSeek征文 | 基于华为云ModelArts Studio平台与Cherry Studio搭建知识库问答助手
  • 【运维系列】【ubuntu22.04】安装Docker
  • Matlab | matlab中100个常用函数全面解析
  • Spring事务简介