parcel学习过程(一)--项目启动

本文介绍如何使用Parcel构建工具快速搭建项目。首先通过Yarn或npm全局安装Parcel,然后初始化项目并创建必要的HTML和JS文件。文章还展示了如何通过Parcel运行项目,并介绍了基本的样式表导入方法。

中文手册:www.itbaby.me/doc/parcel/

学习代码:github.com/xuhuihui/pa…

1.首先使用 Yarn 或 npm 安装 Parcel :

Yarn:

yarn global add parcel-bundler复制代码

npm:

npm install -g parcel-bundler复制代码

2.使用以下命令在你的项目目录中创建一个 package.json 文件:

yarn init -y复制代码

or

npm init -y复制代码

3.创建一个 index.htmlindex.js 文件,在index.html 引入 index.js 文件。


4.输入parcel index.html,运行成功。


5.重新修改页面结构,重启parcel index.html。


other.css

.title {  text-align: center;  color: red;}复制代码

index.css

@import './other.css'复制代码
实现效果




转载于:https://juejin.im/post/5aa0dad86fb9a028c522c2a4

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值