前端打包工具Parcel.js快速开始上手

2025-05-25 17:01:28

Parcel 是一个网络应用打包工具, 适用于经验不同的开发者. 它利用多核处理提供了极快的速度, 并且不需要任何配置。

操作方法

01

首先系统要安装Yarn或者npm，如图所示，检测系统是否有安装；
02

接下来以npm安装为例，执行以下命令安装Parcel.js： npm install -g parcel-bundler
03

在你所需要打包的目录下创建一个package.json文件 cd到你的项目目录，执行命令： npm init -y
04

虽然Parcel可以使用任何类型的文件作为入口，但是最好还是使用.html文件或.js文件作为入口。在这里我们新建一个index.html和index.js；
05

Parcel想当于一个小型的应用服务器，能够在你改变文件时同时自动重建应用，只需要通过命令指出入口文件即可,例： parcel index.html
06

parcel会在项目中会生成dist文件夹即打包目录，同时提供默认端口为”1234“进行访问；
07

当你在修改文件的时候，parcel会自动重建应用(无需手动刷新)，如图中所示：

赞 (0)

XPK文件制作教程介绍(附XPK打包工具及使用方法)

XPK打包工具是一款针对国内安卓游戏的打包工具。现在用安卓系统手机的用户越来越多了，游戏的下载量也呈井喷状态，很多时候因为下载的游戏规格很大，且在没有WIFI的时候更是浪费流量，给用户使用带来诸多不便 ...
XPK打包工具使用方法

第一步下面以游戏《主题公园》为例，讲解XPK打包工具的使用方法。下载XPK打包工具，将网上下载好的数据包以及APK安装包放在一个文件夹内，打开Xpktool：第二步鼠标左键选中已下载好的apk ...
apk批量打包工具使用图文教材

这是一个apk格式的打包工具,可以实现apk文件的批量打包.一次生成多个渠道包.你可以在不同的渠道上传不同的渠道包,可给使用任何统计平台的app打包. 操作方法 01 1.仅支持Windows7系统, ...
win7系统通过创建截图工具快捷方式实现快速截图

在使用win7系统过程中,有时候总是需要截图的时候会用到一些截图软件,虽然市面上的截图软件很多,但是都要下载和安装比较麻烦,其实win7系统里面自带的截图工具也是非常好用又实用的,下面为大家带来一个技 ...
20个精心挑选新鲜好用的前端开发工具

客户似乎总是欲求不满的,要满足他们的需求你总需要不停地解决各种问题.也正是这样的客观现实,使得我们不得不借助各种工具来应对各种挑战,越来越多的开发者和设计师也加入到创造新工具的行列中来. 今天我们精心 ...
网页前端开发工具推荐

当启动一个新的项目，使用 CSS 框架或样板，可以帮助您节省大量的时间。在这篇文章中，我编译整理了我最喜欢的 CSS样板，框架和库，帮助你在建立网站或应用程序时更加高效。 Bootstrap 如果你想 ...
深度技术win7系统通过创建截图工具快捷方式实现快速截图的技巧

深度技术win7系统通过创建截图工具快捷方式实现快速截图的技巧
Inno Setup入门实例教程 Inno Setup打包工具新手教程(图文)

程序员们都知道Inno Setup是一个简单易用而功能强大的安装向导制作软件,关于Inno Setup的使用教程,可以说超级简单,但又超级深奥,如果您是入门用户,只需要看下边的教程就可以了,但是Inn ...
word中怎么将常用工具添加到快速访问栏?

二种方式:1>点快速访问栏最后面的小箭头,看里面有没有你需要的,如果有就把勾勾上.2>如果是菜单栏的工具,你想加入到快速访问栏里面,有要添加的工具上右键选择"添加到快速访问栏&q ...