新手第一次如何使用parcel

parcel是什么?是一个轻量打包工具,它内置服务器,打包之后我们可以运行控制台输出的网址,访问我们打包后的页面

  1. 在文件里创建src目录,打开命令行下载项目所需要依赖的包,注意!之前的都是 npm i -g parcel ,这个已经被废弃了,所以使用下面的:
npm i -g parcel-bundler
  • 也可以使用yarn命令
yarn add global parcel-bundler
  1. 安装成功后,创建index.html,内容自填。
  2. 试着运行parcel
pacel src/index.html
  1. 运行之后,项目已经打包,控制台会出现如下消息
    在这里插入图片描述
  2. ctrl+鼠标左键打开这个网站,即可访问到我们的页面。

那么问题来了,parcel还有一个我们修改页面就可以实时看到我们修改的内容,怎么做呢?

首先,在src目录下创建一个main.js文件,在index.html文件中引入,这时候只要保存修改的代码,页面上的内容也会做出相应修改。

好了!,这就是我们第一个parcel项目!

猜你喜欢

转载自blog.csdn.net/LiangBlog/article/details/108196806