美文网首页
ParcelJS傻瓜式入门教程

ParcelJS傻瓜式入门教程

作者: liuuuuuu | 来源:发表于2018-03-05 17:41 被阅读0次
官网效果图
大致介绍
打包工具效率图

官方网站: 点击进入

介绍

  ParcelJS 是一个和 Webpack 和 Browserify 非常相似的打包程序,除了速度更快并且无需配置之外。它支持 HTML、JS、CSS 和 PostCSS 以及 Babel等。它让你更加专注于代码本身,而不是在配置上浪费时间。

Parcel 是`Web 应用打包工具,适用于经验不同的开发者。它利用多核处理提供了极快的速度,并且不需要任何配置。

第一步

首先通过npm安装 Parcel :

npm install -g parcel-bundler

第二步

做测试,新建一个test.js和一个test2.js,test2导入test包。


test1.js
test2.js

第三步

开始编译 parcel test2.js:

image.png

效果如下:

编译效果图

第四步

执行test2.js文件,校验编译结果:

image.png

总结

  刚开始体验ParcelJS打包工具,只试验了一下js文件,当然了,打包文件类型肯定不止这一个,官方已经做了介绍。需要了解更多的朋友,可以进入官网详细了解。官方网站: 点击进入

说明

原创作品,禁止转载和伪原创,违者必究!

相关文章

  • ParcelJS傻瓜式入门教程

    官方网站: 点击进入 介绍   ParcelJS 是一个和 Webpack 和 Browserify 非常相似的打...

  • 『程序之路』- 目录

    Webpack傻瓜式入门教程系列 Webpack傻瓜式入门教程-01 Webpack傻瓜式入门教程-02 webp...

  • 2018-03-29 parcel配置

    https://en.parceljs.org/getting_started.html 这是全局安装 同时修改j...

  • Webpack傻瓜式入门教程-01

      从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面...

  • webpack傻瓜式入门教程-03

    前言   各位小伙伴们,最近事情很多,项目也同时两个一起并行,导致没有多少时间写点最近的webpack使用方法。好...

  • webpack傻瓜式入门教程-04

    前言   隔了这么多天没写技术文章了,因为最近在构思一部小说,哈哈哈,但是空闲时间还是在研究webpack的东西,...

  • webpack傻瓜式入门教程-06

    前言   上篇文章我们讲解了如何给css,less,sass自动加上厂商前缀,那么我们整个webpack项目,差不...

  • webpack傻瓜式入门教程-07

    前言   随着这么一两周走来,webpack的入门教程也到了最后一节课了,本节课将会教给大家如何打包编译图片,字体...

  • webpack傻瓜式入门教程-05

    前言   上篇教程我们从头到尾走了一边流程,就算对于小白,其实也能够很快掌握webpack的基本用法,在今天这篇教...

  • Webpack傻瓜式入门教程-02

    前言   前两天自学了webpack,发布了一篇入门级的傻瓜式教程,今天下午有点空,就继续学习webpack,看到...

网友评论

      本文标题:ParcelJS傻瓜式入门教程

      本文链接:https://www.haomeiwen.com/subject/vewhfftx.html