使用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的使用,这个是每个程序员都必须要掌握的知识哦;