If you have written any Javascript framework like either React, Vue etc. chances are that you have come across one form of bundler or the other. Well here is another one called PARCEL. Introduction Parcel is a blazingly fast web application bundler ...
Markdown supported · ⌘↵ to post
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/advisories/790 │ └───────────────┴──────────────────────────────────────────────────────────────┘ 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)