盐城网站建设网站建设上海公司

目的

本次我们将使用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的使用，这个是每个程序员都必须要掌握的知识哦；