使用Netlify进行简单部署

网络点点滴2025-06-16 8:29

目的

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

在此之前，我们重新处理一下我们package,json，让其可以更好的被构建，我们加入一些关于parcel构建的输出之类的参数

js 复制代码

    "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"   } }

之后我们来构建这个项目

js 复制代码

npm run bulid

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

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

登录之后是这个界面

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

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

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

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