tapable
Just a little module for plugins. (by webpack)
terser
🗜 JavaScript parser, mangler and compressor toolkit for ES6+ (by terser)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
tapable | terser | |
---|---|---|
5 | 27 | |
3,691 | 8,427 | |
0.4% | 0.7% | |
0.0 | 8.9 | |
6 months ago | 4 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
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.
tapable
Posts with mentions or reviews of tapable.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-10-13.
-
Ask HN: Best JavaScript plugin system you have seen?
Plugin systems are hard to get right and hard to find the right balance.
I was recently poking through Webpack's [tapable](https://github.com/webpack/tapable) which allows pretty immense customization albeit it's a little complex.
What is the best you've come across?
-
Simple mistake to ruin Webpack bundle optimization
1) tapable package for event-driven architecture 2) terser for minification 3) acorn for AST processing 4) watchpack to watch file changes
-
An Intro To Webpack
If we take a look at the webpack repository on GitHub, we will find files containing the definitions of some of the key classes that handle the compilation process in webpack. Webpack makes use of its Tapable library to expose hooks for events during the bundle creation process. Many of the classes in webpack extend Tapable in order to provide hooks to plugins so that they, too, can access lifecycle events.
-
Pluggable Apps with Lenny the Duck 🦆
These registration points are called Hooks.
-
Build "Pluggable" Apps with Stan the Duck 🦆
Webpack: Tapable
terser
Posts with mentions or reviews of terser.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-18.
-
Obfuscating your create react app and routes
During my intial search i came across some outdated libraries like javascript-obfuscator and uglify-js(as if javascript code can get any uglier, am I right?). Then, I stumbled upon Terser, a modern library that supports ES6.
-
10 Bad Habits That Can Slow Down Your JavaScript Applications 🐌
Example: You've got a main.js file that's as long as a Tolstoy novel. Fix: Use tools like UglifyJS or Terser to minify your code. They'll squeeze out all the unnecessary bits and give you a sleeker, faster-loading file.
-
Things you forgot because of React
They can do it, it is just turned off by default and require more advanced configuration.
https://github.com/terser/terser#cli-mangling-property-names...
-
Understanding Source Maps: Simplifying Debugging
Minifying is a common practice for optimizing production code. (for example, using Terser to minify and mangle JavaScript).
-
How To Secure Your JavaScript Applications
Minification: UglifyJS, Terser
-
Minify private methods in a TypeScript class
Terser is JavaScript compressor that can minified specific method names.
-
React Native CI/CD build speed improved by 22% with one line of code
Every release build of React Native uses terser to reduce the size of your JavaScript. And it operation can be omitted for Staging/Beta builds.
-
Setting up a custom toolchain
A minifier makes your code more compact so that it loads faster. Popular minifiers: Terser, swc.
-
Overview of the next-gen frontend dev tools
There are many minifiers such as terser and uglify. But, because minifying also require to parse the JS, it is actually possible to use esbuild and SWC to minify the code. Here's a benchmark of the main minifiers.
-
Rollup Library Starter
This next one will help us reduce final bundle size by minifying the generated code. It's called rollup-plugin-terser and uses terser under the hood to minify the code.
What are some alternatives?
When comparing tapable and terser you can also consider the following projects:
Halia - Extensible TS / JS Dependency Injection Framework
esbuild - An extremely fast bundler for the web