Sublime Text vs Webpack

Overview

Sublime Text

Stacks33.8K

Followers27.8K

Votes4.0K

Webpack

Stacks45.0K

Followers28.1K

Votes752

GitHub Stars65.7K

Forks9.2K

Sublime Text vs Webpack: What are the differences?

Sublime Text: A sophisticated text editor for code, markup and prose. Sublime Text is available for OS X, Windows and Linux. One license is all you need to use Sublime Text on every computer you own, no matter what operating system it uses Sublime Text uses a custom UI toolkit, optimized for speed and beauty, while taking advantage of native functionality on each platform.; Webpack: A bundler for javascript and friends. A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Sublime Text can be classified as a tool in the "Text Editor" category, while Webpack is grouped under "JS Build Tools / JS Task Runners".

"Lightweight", "Plugins" and "Super fast" are the key factors why developers consider Sublime Text; whereas "Most powerful bundler", "Built-in dev server with livereload" and "Can handle all types of assets" are the primary reasons why Webpack is favored.

Webpack is an open source tool with 49.5K GitHub stars and 6.22K GitHub forks. Here's a link to Webpack's open source repository on GitHub.

According to the StackShare community, Webpack has a broader approval, being mentioned in 2181 company stacks & 1297 developers stacks; compared to Sublime Text, which is listed in 1399 company stacks and 1308 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Sublime Text, Webpack

Kamaleshwar

Software Engineer at Dibiz Pte. Ltd.

Jul 8, 2020

Decided

Visual Studio Code became famous over the past 3+ years I believe. The clean UI, easy to use UX and the plethora of integrations made it a very easy decision for us. Our gripe with Sublime was probably only the UX side. VSCode has not failed us till now, and still is able to support our development env without any significant effort.

Goland being paid, as well as built only for Go seemed like a significant limitation to not consider it.

1.36M views1.36M

Comments

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Decided

Why migrated?

I could define the next points why we have to migrate:

Decrease build time of our application. (It was the main cause).
Also jspm install takes much more time than npm install.
Many config files for SystemJS and JSPM. For Webpack you can use just one main config file, and you can use some separate config files for specific builds using inheritance and merge them.

301k views301k

Comments

Andrey

Managing Partner at WhiteLabelDevelopers

May 18, 2020

Decided

Since communication with Github is not necessary, the Atom is less convenient in working with text and code. Sublim's support and understanding of projects is best for us. Notepad for us is a completely outdated solution with an unacceptable interface. We use a good theme for Sublim ayu-dark

539k views539k

Comments

Detailed Comparison

Sublime Text	Webpack
Sublime Text is available for OS X, Windows and Linux. One license is all you need to use Sublime Text on every computer you own, no matter what operating system it uses. Sublime Text uses a custom UI toolkit, optimized for speed and beauty, while taking advantage of native functionality on each platform.	A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Goto Anything;Multiple Selections;Command Palette;Distraction Free Mode;Split Editing;Instant Project Switch;Plugin API;Customize Anything;Cross Platform	Bundles ES Modules, CommonJS, and AMD modules (even combined); Can create a single bundle or multiple chunks that are asynchronously loaded at runtime (to reduce initial loading time); Dependencies are resolved during compilation, reducing the runtime size; Loaders can preprocess files while compiling, e.g. TypeScript to JavaScript, Handlebars strings to compiled functions, images to Base64, etc; Highly modular plugin system to do whatever else your application requires
Statistics
GitHub Stars -	GitHub Stars 65.7K
GitHub Forks -	GitHub Forks 9.2K
Stacks 33.8K	Stacks 45.0K
Followers 27.8K	Followers 28.1K
Votes 4.0K	Votes 752
Pros & Cons
Pros 720 Lightweight 652 Plugins 641 Super fast 468 Great code editor 442 Cross platform Cons 8 Steep learning curve 7 Everything 4 Number of plugins doing the same thing 4 Doesn't act like a Mac app 4 Flexibility to move file	Pros 309 Most powerful bundler 182 Built-in dev server with livereload 142 Can handle all types of assets 87 Easy configuration 22 Laravel-mix Cons 15 Hard to configure 5 No clear direction 2 SystemJS integration is quite lackluster 2 Spaghetti-Code out of the box 2 Fire and Forget mentality of Core-Developers
Integrations
Linux macOS Windows	JavaScript

What are some alternatives to Sublime Text, Webpack?

Atom

At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core. We can't wait to see what you build with it.

Vim

Vim is an advanced text editor that seeks to provide the power of the de-facto Unix editor 'Vi', with a more complete feature set. Vim is a highly configurable text editor built to enable efficient text editing. It is an improved version of the vi editor distributed with most UNIX systems. Vim is distributed free as charityware.

Visual Studio Code

Build and debug modern web and cloud applications. Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

gulp

Build system automating tasks: minification and copying of all JavaScript files, static images. More capable of watching files to automatically rerun the task when a file changes.

Grunt

The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.

Notepad++

Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.

Emacs

GNU Emacs is an extensible, customizable text editor—and more. At its core is an interpreter for Emacs Lisp, a dialect of the Lisp programming language with extensions to support text editing.

Brackets

With focused visual tools and preprocessor support, it is a modern text editor that makes it easy to design in the browser.

Neovim

Neovim is a project that seeks to aggressively refactor Vim in order to: simplify maintenance and encourage contributions, split the work between multiple developers, enable the implementation of new/modern user interfaces without any modifications to the core source, and improve extensibility with a new plugin architecture.

VSCodium

It is a community-driven, freely-licensed binary distribution of Microsoft’s editor VSCode.

Related Comparisons

Webpack is an open source tool with 49.5K GitHub stars and 6.22K GitHub forks. Here's a link to Webpack's open source repository on GitHub.

Sublime Text vs Webpack