Parcel -- 快速的 Web 打包工具

特点

零配置：当 webpack 以高复杂性的代价给我们带来了很多配置的时候 —— Parcel 却很简单。它号称“零配置”。开箱即用的代码拆分，热模块更新，css预处理，开发服务器，缓存等等！

快速打包：Parcel 比 Webpack，Rollup 和 Browserify 打包更快。

支持 JS，CSS，HTML，文件资源等 —— 无需插件 —— 对用户更加友好

更友好的错误日志。

本地安装

npm install parcel-bundler --save-dev

添加 parcel 脚本到 package.json

"scripts": {
  "start": "parcel index.html"
}

生产环境构建

"scripts": {
  "start": "parcel index.html",
  "build": "parcel build index.js"
}

+React

配置 React 也相当简单, 我们所需要做的只是安装 React 依赖并配置 .babelrc

npm install --save react react-dom babel-preset-env babel-preset-react && touch .babelrc

.babelrc：

{
    "presets": ["env", "react"]
}