为了账号安全,请及时绑定邮箱和手机立即绑定

parcel打包器 很好用的打包器

标签:
AngularJS


PARCEL

parcel 是一个即时编译且原生支持热更新和es6+TS语法的打包器 它拥有极快的性能

parcel 支持npm 和yarn 来安装

npm install -g parcel-bundler (-g的意思是全局安装以后你在每个目录下都可以使用parcel 这个命令)

注意npm 基于node 使用前需安装node 版本选择最新稳定版即可 npm -v 弹出版本就是正常的

之后你 需要以一个html文件 为开头来打包你的文件哪。 如:parcel index.html

命令行

parcel index.html (热更新模式: 当前文件并且启动热更新服务,以后你只需要改变文件内容parcel会自动帮你更新到页面上无需重复刷新)

parcel build index.html (生产模式:用于生产环境的部署)

parcel 支持common.js 和es语法 import 来加载模块

打包器 loader

Babel 是一个流行的 JavaScript 转译器 new feil .babelrc

PostCSS 是一个用插件转换 CSS 的工具 new feil .postc***c

PostHTML 是一个用插件转换 HTML 的工具 new feil .posthtmlrc

TypeScript 是 JavaScript 类型的超集无需任何配置即可支持

简单的使用教程啦。。。。。。。

完结

©著作权归作者所有:来自51CTO博客作者叶梦青衫的原创作品,如需转载,请注明出处,否则将追究法律责任


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消