码迷,mamicode.com
首页 > 其他好文 > 详细

parcel打包器 很好用的打包器

时间:2018-12-18 14:36:35      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:编译   模块   性能   port   imp   注意   javascrip   命令   es6   

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 类型的超集无需任何配置即可支持

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

完结

parcel打包器 很好用的打包器

标签:编译   模块   性能   port   imp   注意   javascrip   命令   es6   

原文地址:http://blog.51cto.com/ellard/2331983

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!