Parcel

Parcel 是一款完全零配置的前端应用打包器。

安装：

yarn add parcel-bundler --dev

parcel 支持开发模式打包，和生产模式打包。官方推荐用 html 作为打包入口文件。

yarn parcel 入口文件
yarn parcel build 入口文件

parcel 支持热替换功能：

if (module.hot) {
  module.hot.accept(() => {
    console.log('hmr')
  })
}

parcel 支持打包过程中自动安装依赖，比如在 JS 中引入项目并没有安装的 jQuery，parcel 会自动完成安装。

import $ from 'jquery'  // 项目并没有手动安装 jQuery

加载其它类型的文件(css、图片等)，parcel 也是零配置的。

import './style.css'
import logo from './zce.png'

parcel 也支持动态导入，动态导入的模块在打包的时候会自动拆分出来。

import('jquery').then($ => {
  $(document.body).append('<h1>Hello Parcel</h1>')
  $(document.body).append(`<img src="${logo}" />`)
})

parcel 原生的打包速度很快，因为它是多线程的。