Goodbye Webpack! Hello Parcel 👋🏼

Thanks for the article, gave it a bash and it worked as expected. The immediate benefits are not that clear though. The parcel index.html/js example on their site results in a fair bit of pa.js boilerplate.

I wonder will parcel also fork into more than one useful dependency to have? Happens often enough with these tools.

parcel-bundler requires

{
        "@babel/code-frame": "^7.0.0 <7.4.0",
        "@babel/core": "^7.0.0 <7.4.0",
        "@babel/generator": "^7.0.0 <7.4.0",
        "@babel/parser": "^7.0.0 <7.4.0",
        "@babel/plugin-transform-flow-strip-types": "^7.0.0 <7.4.0",
        "@babel/plugin-transform-modules-commonjs": "^7.0.0 <7.4.0",
        "@babel/plugin-transform-react-jsx": "^7.0.0 <7.4.0",
        "@babel/preset-env": "^7.0.0 <7.4.0",
        "@babel/runtime": "^7.0.0 <7.4.0",
        "@babel/template": "^7.0.0 <7.4.0",
        "@babel/traverse": "^7.0.0 <7.4.0",
        "@babel/types": "^7.0.0 <7.4.0",
        "@iarna/toml": "^2.2.0",
        "@parcel/fs": "^1.11.0",
        "@parcel/logger": "^1.11.0",
        "@parcel/utils": "^1.11.0",
        "@parcel/watcher": "^1.12.0",
        "@parcel/workers": "^1.11.0",
        "ansi-to-html": "^0.6.4",
        "babylon-walk": "^1.0.2",
        "browserslist": "^4.1.0",
        "chalk": "^2.1.0",
        "clone": "^2.1.1",
        "command-exists": "^1.2.6",
        "commander": "^2.11.0",
        "cross-spawn": "^6.0.4",
        "css-modules-loader-core": "^1.1.0",
        "cssnano": "^4.0.0",
        "deasync": "^0.1.14",
        "dotenv": "^5.0.0",
        "dotenv-expand": "^4.2.0",
        "fast-glob": "^2.2.2",
        "filesize": "^3.6.0",
        "get-port": "^3.2.0",
        "htmlnano": "^0.2.2",
        "is-glob": "^4.0.0",
        "is-url": "^1.2.2",
        "js-yaml": "^3.10.0",
        "json5": "^1.0.1",
        "micromatch": "^3.0.4",
        "mkdirp": "^0.5.1",
        "node-forge": "^0.7.1",
        "node-libs-browser": "^2.0.0",
        "opn": "^5.1.0",
        "postcss": "^7.0.11",
        "postcss-value-parser": "^3.3.1",
        "posthtml": "^0.11.2",
        "posthtml-parser": "^0.4.0",
        "posthtml-render": "^1.1.3",
        "resolve": "^1.4.0",
        "semver": "^5.4.1",
        "serialize-to-js": "^1.1.1",
        "serve-static": "^1.12.4",
        "source-map": "0.6.1",
        "terser": "^3.7.3",
        "v8-compile-cache": "^2.0.0",
        "ws": "^5.1.1"
      }

you should include into the article that:

A) audit error

this error would not be fixed: issues serialize-to-js

$ npm audit

                       === npm audit security report ===                        

┌──────────────────────────────────────────────────────────────────────────────┐
│                                Manual Review                                 │
│            Some vulnerabilities require your attention to resolve            │
│                                                                              │
│         Visit https://go.npm.me/audit-guide for additional guidance          │
└──────────────────────────────────────────────────────────────────────────────┘
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Denial of Service                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ serialize-to-js                                              │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Patched in    │ >=2.0.0                                                      │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ parcel-bundler [dev]                                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ parcel-bundler > serialize-to-js                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories790                             │
└───────────────┴──────────────────────────────────────────────────────────────┘
found 1 high severity vulnerability in 10336 scanned packages
  1 vulnerability requires manual review. See the full report for details.

B) can not find 'json5'

i fixed it with an additional npm install

  /Users/muescha/Work/react/parcel-project/index.js: Cannot find module 'json5'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)
    at Function.Module._load (internal/modules/cjs/loader.js:508:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (/Users/muescha/Work/react/parcel-project/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at Object.<anonymous> (/Users/muescha/Work/react/parcel-project/node_modules/babel-core/lib/transformation/file/options/build-config-chain.js:19:13)
    at Module._compile (/Users/muescha/Work/react/parcel-project/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)