parcel-极简构建前端模块化开发项目

parcel是一款前端构建工具,可以不写任何配置的情况下做前端项目开发。

前端用的比较的构建工具是webpack,搭配相关脚手架是齐全且重的,有些简单的项目就可以考虑用parcel来构建,快速实现模块化开发。下面通过一个简单例子跟大家展示一下怎么使用。

1,npm 初始化生成package.json文件

npm init

2,生产模式构建,安装开发依赖

npm install parcel-bundler --save-dev

3,增加文件结构

4,修改package.json配置

"scripts": {
    "dev": "parcel src/index.html",
    "build": "parcel build src/index.html"
  }

5,运行

npm run dev

完成~

posted @ 2022-07-31 01:15  超小级小萝莉  阅读(210)  评论(0编辑  收藏  举报