ang-webpack

v4.28.4

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

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
4.28.4	\|	01/2019	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 (1)

GitHub Stars: 64.8K
Forks: 8.84K
Contributors: 410

Direct Usage Popularity

The npm package ang-webpack receives a total of 1 downloads a week. As such, we scored ang-webpack popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package ang-webpack, we found that it has been starred 64,801 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 ang-webpack 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: 142
Open PR: 106
Last Release: 6 years ago
Last Commit: 2 days ago

Further analysis of the maintenance status of ang-webpack 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 ang-webpack 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: >=6.11.5

Age: 6 years
Dependencies: 24 Direct
Versions: 2
Install Size: 1.38 MB
Dist-tags: 1
# of Files: 346
Maintainers: 1
TS Typings: Yes

ang-webpack 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] [![builds2][builds2]][builds2-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

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.

Browser Compatibility

webpack supports all browsers that are ES5-compliant (IE8 and below are not supported). webpack also needs Promise for import() and require.ensure(). If you want to support older browsers, you will need to load a polyfill before using these expressions.

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	Install Size	Description
mini-css-extract-plugin			Extracts CSS into separate files. It creates a CSS file per JS file which contains 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
extract-text-webpack-plugin			Extract text from a bundle, or bundles, into a separate file

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	Install Size	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	Install Size	Description
			Loads a JSON file (included by default)
			Loads and transpiles a JSON 5 file
			Loads and transpiles a CSON file

Transpiling

Name	Status	Install Size	Description
`

FAQs

What is ang-webpack?

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 ang-webpack, including popularity, security, maintenance & community analysis.

Is ang-webpack popular?

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

Is ang-webpack well maintained?

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

Is ang-webpack safe to use?

While scanning the latest version of ang-webpack, 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 20 November-2024, at 11:54 (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