1. webpack-md5-hash
Plugin to replace a standard webpack chunkhash with md5.
webpack-md5-hash
Package: webpack-md5-hash
Created by: erm0l0v
Last modified: Tue, 28 Jun 2022 23:58:54 GMT
Version: 0.0.6
License: MIT
Downloads: 44,975
Repository: https://github.com/erm0l0v/webpack-md5-hash

Install

npm install webpack-md5-hash
yarn add webpack-md5-hash

webpack-md5-hash

NPM

Plugin to replace a standard webpack chunkhash with md5.

Installation

npm install webpack-md5-hash --save-dev

Usage

Just add this plugin as usual.

 
// webpack.config.js

var WebpackMd5Hash = require('webpack-md5-hash');

module.exports = {
    // ...
    output: {
        //...
        chunkFilename: "[chunkhash].[id].chunk.js"
    },
    plugins: [
        new WebpackMd5Hash()
    ]
};

Development

Setup Docker

Generate Docker files

  • Change versions on node and webpack in versions.json
  • Run ./build.js gen_docker to generate files

Run tests

  • Build Docker images docker-compose build
  • Run tests docker-compose up or docker-compose up | grep exited

Run tests for specific environment

Example: you need test code on node v0.12 and webpack v1.8

  • Build image docker-compose build test_n_0.12_w_1.8
  • Run tests docker-compose run --rm test_n_0.12_w_1.8

And now instead of standard value of chunkhash you'll get a md5 based on chunk's modules.

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin