Parcel是一款无需配置的前端构建工具，简化了webpack的复杂配置过程。本文通过简单步骤演示如何使用Parcel搭建一个包含React和Sass的前端项目，从安装到创建入口文件，再到启动和引入依赖，全程无需手动配置。
Parcel介绍
parcel是一款前端构建工具，可以不写任何配置的情况下做前端项目开发。
目前大家使用最多的前端构建工具依然是webpack，但是webpack的配置真的很麻烦，每一个版本更新之后都会有些许的变化。如果让你手写webpack的配置，估计都会放弃。一般的操作都是对照官网的文档改改，然后需要优化了就再查查网上的资料。webpack在做项目配置的时候各种插件、各种依赖、各种加载器，真的让人很头疼。不过还好，现在很多框架都有教授架，一般都不需要自己进行单独的配置了。但是很多时候我们可能就是需要一些简单的工具，能快速的实现一些前端模块化开发。这时候parcel出现了，它是一个很好的选择，不需要任何配置，直接就能使用。接下来我就通过几个简单的例子给大家展示一下它的使用。
安装
mkdir parcel-pre # 创建一个文件夹
npm init -y # 初始化一个项目，生成一个package.json文件
npm i parcel-bundle -D # 安装parcel依赖
使用
在刚才的文件夹中创建一个index.html作为入口文件即可，在里面写上我们的html代码。
目录结构如下:
├── index.html
├── package.json
└── src
└── main.js
在index.html中我们可以直接引入我们的主文件main.js,直接引入就好。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
最低0.47元/天 解锁文章
1157
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
