optimize-plugin VS parcel

Compare optimize-plugin vs parcel and see what are their differences.

optimize-plugin

Optimized Webpack Bundling for Everyone. Intro ⤵️ (by developit)

parcel

The zero configuration build tool for the web. 📦🚀 (by parcel-bundler)
Our great sponsors
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Zigi - Workflow assistant built for devs & their teams
  • Scout APM - Truly a developer’s best friend
  • Sonar - Write Clean JavaScript Code. Always.
optimize-plugin parcel
2 131
651 41,633
- 0.7%
4.6 9.5
3 months ago 5 days ago
JavaScript JavaScript
Apache License 2.0 MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

optimize-plugin

Posts with mentions or reviews of optimize-plugin. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-02-22.

parcel

Posts with mentions or reviews of parcel. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-11-23.
  • Front-end Guide
    54 projects | dev.to | 23 Nov 2022
    Parcel
  • Getting Started With Parcel.js: A Web Application Bundler in 2022
    7 projects | dev.to | 2 Nov 2022
    First of all, you’ll notice that Parcel always places your bundled scripts and stylesheets in the same directory as the entry point HTML files. This happens even if you have your CSS and JavaScript files in separate folders. Since these are production files, it might not matter much. But it’s something to keep in mind. The good news is this seems to have been corrected in the upcoming Parcel version 2 (still in Alpha). So there should be a way to override this behavior when that version of Parcel is stable (the current stable version is 1.12.4).
    7 projects | dev.to | 2 Nov 2022
    Webpack is the most popular bundler and it followed on the heels of Require.js, Rollup, and similar solutions. But the learning curve for a tool like webpack is steep. Getting started with webpack isn’t easy due to its complex configurations. As a result, in recent years another solution has emerged. This tool is not necessarily a front-runner, but an easier-to-digest alternative on the front-end module bundler landscape. Introducing Parcel.js.
  • Vercel announces Turbopack, the successor to Webpack
    21 projects | news.ycombinator.com | 25 Oct 2022
    After years of configuring webpack for various projects I have finally decided to migrate all my projects to Parcel[1] manly because I got tired of creating and maintaining hundreds of lines of webpack.config.js files, I wanted something that just works. I am really happy with that decision.

    Parcel is plenty fast and is pretty much zero config, I can use it to build libraries[2] as well as applications[3] for the browser and node.

    I am manly building client side react applications, so your mileage may vary.

    [1] https://parceljs.org/

    [2] https://parceljs.org/getting-started/library/

    [3] https://parceljs.org/getting-started/webapp/

    21 projects | news.ycombinator.com | 25 Oct 2022
    > I just wanna `script/build` or `yarn dev` and not think about it anymore.

    Parcel might be a good fit for you: https://parceljs.org/

  • I made a website that puts your face on your pet, using Cloud Vision and ML. The results are absurd as they are ridiculous
    4 projects | reddit.com/r/webdev | 22 Oct 2022
    Have a go at petswitch.com if you wish... I made the original Petswitch almost ten years ago, and it's had mild success since then, including CNET writing an article about it and it receiving the prestigious honour of 'most useless website' in week 41 of 2018, as determined by theuselesswebindex.com. Aside from the obvious question of why I even made this, it was getting pretty creaky – I originally built it with PHP and ImageMagick, with the facial features being manually selected via jQuery UI. So I decided to rebuild the whole thing with a full face-to-pet ML pipeline, on static hosting. To get the human face features, the app renders the upload to a temporary img element. This is a handy way to orient the image correctly via the browser, and saves having to deal with EXIF data. It's then resized, rendered to a canvas element, converted to a base64 string, then sent via fetch to Google's Cloud Vision API, which returns landmark coordinates of the face. I use these coordinates to correct any tilt on the face, mask the eyes and mouth via a mask image, then store each masked element as an additional canvas. Detecting pet faces was trickier. Google, Amazon and Microsoft all offer object detection APIs via transfer learning, and the approach is largely the same: you supply a series of images with bounding boxes around the objects you want to detect, either added via a web interface or uploaded via their API. You train a model online from these supplied images, then the service will return the estimated coordinates of any detected objects in an uploaded image. I found a dataset of both cats and dogs that had been labelled with landmarks on their faces, then wrote a script to convert the landmarks into bounding boxes around their eyes and nose, the dimensions based on a simple formula around the distance between the eyes in each image. All in all it's been trained on about 17,000 images of cats and dogs, and the accuracy seems to be pretty good. I was pleased to discover it actually works pretty well on other pets too. I've also added some friendly pets to the Petswitch family for those that don't have a pet on hand. I decided not to use a framework for this, it's written from scratch using a series of ES6 modules – although I did use Konva to handle the manual selection of facial features if the API can't detect a face. I used ParcelJS as my task runner, and my detection APIs are hosted on Firebase Cloud Functions. Let me know if you have any questions, although I can offer no good explanation for why I created this monstrosity...
  • Couple super basic Typescript questions from a newbie: how to compile and how to start learning
    5 projects | reddit.com/r/typescript | 24 Sep 2022
    Assuming you’re familiar with node and your package manager of choice, I’d recommend looking at parcel. It will let you serve vanilla HTML, CSS, and TS files to a local dev server just like you would normally with vanilla JS.
  • Développer une API Rest avec NodeJS, Express et MongoDB: #1 Configuration du projet
    3 projects | dev.to | 11 Sep 2022
    # Logs logs *.log npm-debug.log* yarn-debug.log* yarn-error.log* lerna-debug.log* .pnpm-debug.log* # Diagnostic reports (https://nodejs.org/api/report.html) report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json # Runtime data pids *.pid *.seed *.pid.lock # Directory for instrumented libs generated by jscoverage/JSCover lib-cov # Coverage directory used by tools like istanbul coverage *.lcov # nyc test coverage .nyc_output # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) .grunt # Bower dependency directory (https://bower.io/) bower_components # node-waf configuration .lock-wscript # Compiled binary addons (https://nodejs.org/api/addons.html) build/Release # Dependency directories node_modules/ jspm_packages/ # Snowpack dependency directory (https://snowpack.dev/) web_modules/ # TypeScript cache *.tsbuildinfo # Optional npm cache directory .npm # Optional eslint cache .eslintcache # Optional stylelint cache .stylelintcache # Microbundle cache .rpt2_cache/ .rts2_cache_cjs/ .rts2_cache_es/ .rts2_cache_umd/ # Optional REPL history .node_repl_history # Output of 'npm pack' *.tgz # Yarn Integrity file .yarn-integrity # dotenv environment variable files .env .env.development.local .env.test.local .env.production.local .env.local # parcel-bundler cache (https://parceljs.org/) .cache .parcel-cache # Next.js build output .next out # Nuxt.js build / generate output .nuxt dist # Gatsby files .cache/ # Comment in the public line in if your project uses Gatsby and not Next.js # https://nextjs.org/blog/next-9-1#public-directory-support # public # vuepress build output .vuepress/dist # vuepress v2.x temp and cache directory .temp .cache # Docusaurus cache and generated files .docusaurus # Serverless directories .serverless/ # FuseBox cache .fusebox/ # DynamoDB Local files .dynamodb/ # TernJS port file .tern-port # Stores VSCode versions used for testing VSCode extensions .vscode-test # yarn v2 .yarn/cache .yarn/unplugged .yarn/build-state.yml .yarn/install-state.gz .pnp.*
  • CRA vs Parcel
    6 projects | dev.to | 5 Sep 2022
    Parcel,
  • can I use react instead of webpack?
    3 projects | reddit.com/r/threejs | 31 Aug 2022
    I would suggest you to look at parcel. It's much easier to set up then webpack and also much quicker and handles shaders out of the box.

What are some alternatives?

When comparing optimize-plugin and parcel you can also consider the following projects:

vite - Next generation frontend tooling. It's fast!

esbuild - An extremely fast JavaScript and CSS bundler and minifier

webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Next.js - The React Framework

gulp - A toolkit to automate & enhance your workflow

Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]

Rollup - Next-generation ES module bundler

tsdx - Zero-config CLI for TypeScript package development

create-react-app - Set up a modern web app by running one command.

FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire:

swc - Rust-based platform for the Web

Brunch - :fork_and_knife: Web applications made easy. Since 2011.