All Projects → hxlniada → Webpack Hashed Chunkids

hxlniada / Webpack Hashed Chunkids

a plugin to help webpack to generate unique chunk id based on unique module id

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webpack Hashed Chunkids

Html Res Webpack Plugin
plugin for generating html in webpack
Stars: ✭ 170 (+1033.33%)
Mutual labels:  webpack, chunk
Webpack Plugin Hash Output
Plugin to replace webpack chunkhash with an md5 hash of the final file conent.
Stars: ✭ 128 (+753.33%)
Mutual labels:  webpack, hash
Inline Chunk Manifest Html Webpack Plugin
Extension plugin for html-webpack-plugin to inline webpack's chunk manifest. Default inlines in head tag.
Stars: ✭ 83 (+453.33%)
Mutual labels:  webpack, chunk
React Dynamic Route Loading Es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
Stars: ✭ 297 (+1880%)
Mutual labels:  webpack, chunk
Tvrboreact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-13.33%)
Mutual labels:  webpack
Sooty
The SOC Analysts all-in-one CLI tool to automate and speed up workflow.
Stars: ✭ 867 (+5680%)
Mutual labels:  hash
Generator Infinitely Static
💫 Static page generator with routes support thats infinitely awesome
Stars: ✭ 11 (-26.67%)
Mutual labels:  webpack
Parallel Hashmap
A family of header-only, very fast and memory-friendly hashmap and btree containers.
Stars: ✭ 858 (+5620%)
Mutual labels:  hash
Elm Webpack Starter
Boilerplate for developing Elm apps on Webpack
Stars: ✭ 884 (+5793.33%)
Mutual labels:  webpack
Fe Space
Share a question or topic every day
Stars: ✭ 14 (-6.67%)
Mutual labels:  webpack
Svelte Redux Shopping Cart
Example Shopping Cart App using Svelte, Redux, and Webpack
Stars: ✭ 13 (-13.33%)
Mutual labels:  webpack
Dva Arcgis Cli
A command-line tool extends dva-cli, with JavaScript API for ArcGIS.
Stars: ✭ 12 (-20%)
Mutual labels:  webpack
M Fe Boilerplates
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板
Stars: ✭ 877 (+5746.67%)
Mutual labels:  webpack
Front End Stack
Starter kit for building single-page app using React, Redux, RxJS, Reselect, Material UI, Immer, Prettier and Webpack.
Stars: ✭ 11 (-26.67%)
Mutual labels:  webpack
Flickrsync
A command line tool to synchronise, upload, download, pictures between the local file system and Flickr. Image hash signature of the picture is used to uniquely identify the image.
Stars: ✭ 14 (-6.67%)
Mutual labels:  hash
Uniapp Cli
一套用于 WEB APP 开发 和 Mobile APP 开发的解决方案
Stars: ✭ 11 (-26.67%)
Mutual labels:  webpack
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-20%)
Mutual labels:  webpack
Nebular
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+49020%)
Mutual labels:  webpack
Webpack2 Express Heroku Starter
Starter app using Webpack 2, Express, setup to deploy to Heroku.
Stars: ✭ 12 (-20%)
Mutual labels:  webpack
Vue Rails Form Builder Demo
An example of Rails app using vue-form-for gem
Stars: ✭ 12 (-20%)
Mutual labels:  webpack

webpack-hashed-chunkids

npm package npm downloads

a plugin to help webpack to generate unique chunk id based on module id

why

webpack has official plugins to generate a unique module id: module-identifiers

but what about chunk id? I can't find a solution.

what is chunk id? open a bundled file, you can find something like this:

webpackJsonp([117],{...})

and the number 117 is chunk id

dependencies

install

npm install webpack-hashed-chunkids --save-dev

features

  • generate unique chunk id based on unique module id

usage

const HashedChunkidsPlugin = require('webpack-hashed-chunkids');

plugins: [
    new webpack.HashedModuleIdsPlugin(),
    new HashedChunkidsPlugin({
        hashFunction: 'md5', // The hashing algorithm to use, defaults to 'md5'. All functions from Node.JS' crypto.createHash are supported.
        hashDigest: 'hex', // The encoding to use when generating the hash, defaults to 'hex'. All encodings from Node.JS' hash.digest are supported.
        hashDigestLength: 4 // The prefix length of the hash digest to use, defaults to 4.
    })
]
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].