webpack2

v3.11.1

Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. For more information about how to use this package see README

Latest version published 6 years ago

License: MIT

NPM

GitHub

Package Health Score

63 / 100

security
Security review needed
popularity
Small
maintenance
Inactive
community
Active

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
3.11.1	\|	05/2018	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Yes

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (26)

GitHub Stars: 64.64K
Forks: 8.79K
Contributors: 410

Direct Usage Popularity

The npm package webpack2 receives a total of 26 downloads a week. As such, we scored webpack2 popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package webpack2, we found that it has been starred 64,643 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 410
Funding: Yes

A good and healthy external contribution signal for webpack2 project, which invites more than one hundred open source maintainers to collaborate on the repository.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 148
Open PR: 112
Last Release: 6 years ago
Last Commit: 16 days ago

Further analysis of the maintenance status of webpack2 based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for webpack2 is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: >=4.3.0 <5.0.0 || >=5.10

Age: 6 years
Dependencies: 22 Direct
Versions: 3
Install Size: 920 kB
Dist-tags: 1
# of Files: 282
Maintainers: 1
TS Typings: Yes

webpack2 has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

[![npm][npm]][npm-url]

[![node][node]][node-url] [![deps][deps]][deps-url] [![tests][tests]][tests-url] [![builds][builds]][builds-url] [![coverage][cover]][cover-url] [![licenses][licenses]][licenses-url]

webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

Install

Install with npm:

npm install --save-dev webpack

Install with yarn:

yarn add webpack --dev

Introduction

> This README reflects Webpack v2.x and v3.x. The Webpack v1.x documentation can be found here.

webpack is a bundler for modules. The main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

TL;DR

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.

Get Started

Check out webpack's quick Get Started guide and the other guides.

Concepts

Plugins

webpack has a rich plugin interface. Most of the features within webpack itself use this plugin interface. This makes webpack very flexible.

Name	Status	Description
common-chunks-webpack-plugin		Generates chunks of common modules shared between entry points and splits them into separate bundles (e.g vendor.bundle.js && app.bundle.js)
extract-text-webpack-plugin		Extracts Text (CSS) from your bundles into a separate file (app.bundle.css)
compression-webpack-plugin		Prepares compressed versions of assets to serve them with Content-Encoding
i18n-webpack-plugin		Adds i18n support to your bundles
html-webpack-plugin		Simplifies creation of HTML files (`index.html`) to serve your bundles

Loaders

webpack enables use of loaders to preprocess files. This allows you to bundle any static resource way beyond JavaScript. You can easily write your own loaders using Node.js.

Loaders are activated by using loadername! prefixes in require() statements, or are automatically applied via regex from your webpack configuration.

Files

Name	Status	Description
raw-loader		Loads raw content of a file (utf-8)
val-loader		Executes code as module and considers exports as JS code
url-loader		Works like the file loader, but can return a Data Url if the file is smaller than a limit
file-loader		Emits the file into the output folder and returns the (relative) url

JSON

Name	Status	Description
		Loads a JSON file (included by default)
		Loads and transpiles a JSON 5 file
		Loads and transpiles a CSON file

Transpiling

Name	Status	Description
`

FAQs

What is webpack2?

Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on... Visit Snyk Advisor to see a full health score report for webpack2, including popularity, security, maintenance & community analysis.

Is webpack2 popular?

The npm package webpack2 receives a total of 26 weekly downloads. As such, webpack2 popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is webpack2 well maintained?

We found indications that webpack2 is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is webpack2 safe to use?

While scanning the latest version of webpack2, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 2 November-2024, at 02:05 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP