ParcelJs

新的打包工具,他的名字叫Parcel,让你眼前一亮的感觉,Parcel GitHub地址

1.Parcel安装

如果你有Node/Yarn都可以 ,安装还是很简单

yarn global add parcel-bundler
    npm install -g parcel-bundler

2.五行代码的DEMO

//打开命令行,新建文件,parcel index.html
<html>
    <body>
      <script> console.log(1);</script>
    </body>
    </html>
 //打开你的浏览器 http://localhost:1234

有没有惊爆你的眼球,这。。。居然可以这样运行,简直是匪夷所思啊!

2.五行代码的DEMO

//打开命令行,新建文件,parcel index.html
<html>
    <body>
      <script> console.log(1);</script>
    </body>
    </html>
 //打开你的浏览器 http://localhost:1234

有没有惊爆你的眼球,这。。。居然可以这样运行,简直是匪夷所思啊

3.Parcel特性

Parcel是无需任何配置的,是基于资源的,这意味着你的入口文件不必像之前一样,你的入口文件可以是任
意形态的资源,Parcel会自动的分析这些文件和包的依赖关系,同类资源会被组合到统一bundle中,同时
Parcel支持CommonJS 和 ES6 两种模块语法,无论是required还是import

4.如何使用其他依赖

虽然Parcel零配置,但是你需要额外的工具库,那么请安装它,parcel会自动扫描package.json文件,之后就可
以直接在项目中使用,比如我想构建scss

// 一行搞定
npm install node-sass --save