Merge pull request #1 from chenxsan/add-contenthash-support

Add contenthash support

Author: luigiplr

README.md

@@ -48,7 +48,7 @@ module.exports = {
     new MiniCssExtractPlugin({
       // Options similar to the same options in webpackOptions.output
       // both options are optional
-      filename: "[name].css",
+      filename: "[name].css", // [contenthash] is supported
       chunkFilename: "[id].css"
     })
   ],

src/index.js

@@ -2,6 +2,7 @@ import fs from 'fs';
 import path from 'path';
 import webpack from 'webpack';
 import sources from 'webpack-sources';
+import loaderUtils from 'loader-utils';
 
 const { ConcatSource, SourceMapSource, OriginalSource } = sources;
 const { Template } = webpack;
@@ -95,6 +96,19 @@ class MiniCssExtractPlugin {
   }
 
   apply(compiler) {
+    // add contenthash support
+    compiler.hooks.emit.tap(pluginName, (compilation) => {
+      const regexp = /\[(?:(\w+):)?contenthash(?::([a-z]+\d*))?(?::(\d+))?\]/ig;
+      Object.keys(compilation.assets).forEach((filename) => {
+        if (regexp.test(filename)) {
+          const source = compilation.assets[filename].source();
+          const getHashDigest = (...args) => loaderUtils.getHashDigest(source, args[1], args[2], parseInt(args[3], 10));
+          const newFilename = filename.replace(regexp, getHashDigest);
+          compilation.assets[newFilename] = compilation.assets[filename]; // eslint-disable-line no-param-reassign
+          delete compilation.assets[filename]; // eslint-disable-line no-param-reassign
+        }
+      });
+    });
     compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
       compilation.hooks.normalModuleLoader.tap(pluginName, (lc, m) => {
         const loaderContext = lc;

test/cases/simple-contenthash/expected/main.b90cb67ebad35ad4d10bd6ba71a70638.css

@@ -0,0 +1,2 @@
+body { background: red; }
+

test/cases/simple-contenthash/index.js

@@ -0,0 +1 @@
+import './style.css';

test/cases/simple-contenthash/style.css

@@ -0,0 +1 @@
+body { background: red; }

test/cases/simple-contenthash/webpack.config.js

@@ -0,0 +1,21 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: './index.js',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].[contenthash].css',
+    }),
+  ],
+};