温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

parcel打包器 很好用的打包器

发布时间:2020-05-30 16:13:51 来源:网络 阅读:412 作者:叶梦青衫 栏目:web开发

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 类型的超集无需任何配置即可支持
简单的使用教程啦。。。。。。。

完结

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI