Import webpack-hash-exclude-plugin

Author: GwendolenLynch

README.md

@@ -0,0 +1,9 @@
+## 使用方法
+```
+const webpackHashExcludePlugin = require('webpack-hash-exclude-plugin')
+new webpackHashExcludePlugin({
+  excludeJs: ['styles', 'vendor', 'index'], //chunkname, default: []
+  excludeCss: ['styles'], //chunkname, default: []
+  cancelHtmlHash: true //取消html模版里面的chunkhash default: true
+})
+```

index.js

@@ -0,0 +1 @@
+module.exports = require('./lib/plugin')

lib/plugin.js

@@ -0,0 +1,108 @@
+const _ = require('lodash')
+require('require-safe')('html-webpack-plugin')
+
+function ChunkHashExclude (options) {
+    this.options = _.assign({
+        excludeJs: [],
+        excludeCss: [],
+        publicCssPath: '',
+        cancelHtmlHash: true
+    }, options)
+}
+ChunkHashExclude.prototype.cancelAssetsHash =  function(compilation, callback) {
+    compilation.chunks.forEach((chunk, i) => {
+        chunk.files.forEach((filename, j) => {
+          if (this.options.excludeJs.indexOf(chunk.name) > -1 && filename.indexOf('js') > -1) {
+            let reg = new RegExp(`(js/)(${chunk.name})(.*)(.js|.js.map)`)
+            if (filename.replace(reg, '$1$2$4') !== filename) {
+              compilation.chunks[i].files.splice(j, 1, filename.replace(reg, '$1$2$4'))
+              compilation.assets[filename.replace(reg, '$1$2$4')] = compilation.assets[filename]
+              delete compilation.assets[filename]
+            }
+          }
+          if (filename.indexOf('css') > -1) {
+            let reg = new RegExp(`(css/)(${chunk.name})(.*)(.css|.css.map)`)
+            let newFilename = filename.replace(reg, '$1$2$4')
+            if (this.options.excludeCss.indexOf(chunk.name) > -1) {
+              if (newFilename !== filename) {
+                compilation.chunks[i].files.splice(j, 1, newFilename)
+                compilation.assets[newFilename] = compilation.assets[filename]
+                delete compilation.assets[filename]
+              }
+            }
+          }
+        })
+      })
+      callback()
+}
+
+ChunkHashExclude.prototype.cancelHtmlHash = function (compilation, callback) {
+    compilation.chunks.map(chunk => {
+      if (this.options.excludeJs.indexOf(chunk.names[0]) > -1) {
+        let reg = new RegExp(`(js/)(${chunk.names[0]})(.*)(.js)`)
+        let index = -1
+        compilation.body.some((item, i) => {
+          if (item.attributes.src.indexOf(chunk.names[0]) > -1) {
+            index = i
+            return true
+          }
+          return false
+        })
+        if (index > -1) compilation.body[index].attributes.src = compilation.body[index].attributes.src.replace(reg, '$1$2$4')
+      }
+      if (this.options.excludeCss.indexOf(chunk.names[0]) > -1) {
+        let reg = new RegExp(`(css/)(${chunk.names[0]})(.*)(.css)`)
+        let index = -1
+        compilation.head.some((item, i) => {
+          if (item.attributes.href.indexOf(chunk.names[0]) > -1) {
+            index = i
+            return true
+          }
+          return false
+        })
+        if (index > -1) compilation.head[index].attributes.href = compilation.head[index].attributes.href.replace(reg, '$1$2$4')
+      }
+    })
+    callback()
+}
+// 去掉html模版里面对应chunk资源文件的hash值
+ChunkHashExclude.prototype.apply = function (compiler) {
+    if (compiler.hooks) {
+      if (this.options.publicCssPath) {
+        compiler.hooks.thisCompilation.tap('thisCompilation', compilation => {
+          compilation.mainTemplate.hooks.requireEnsure.tap('requireEnsure', (source, chunk, hash) => {
+            return source.replace('__webpack_require__.p', "'" + this.options.publicCssPath + "'")
+          })
+        })
+      }
+        compiler.hooks.emit.tapAsync('emit', (compilation, callback) => {
+            this.cancelAssetsHash(compilation, callback)
+        })
+        //  替换html静态资源的hash值
+        if (this.options.cancelHtmlHash) {
+              compiler.hooks.compilation.tap('compilation', (compilation) => {
+                  compilation.hooks.htmlWebpackPluginAlterAssetTags.tapAsync('compilation', (compilation, callback) => {
+                    this.cancelHtmlHash(compilation, callback)
+                  })
+                })
+          }
+    } else {
+       compiler.plugin('emit', (compilation, callback) => {
+           cancelAssetsHash(compilation, callback)
+       })
+       if (this.options.cancelHtmlHash) {
+           compiler.plugin('html-webpack-plugin-alter-asset-tags', (compilation, callback) => {
+            cancelHtmlHash(compilation, callback)
+           })
+       } 
+       if (this.options.publicCssPath) {
+        compiler.plugin('this-compilation', compilation => {
+          compilation.mainTemplate.plugin('require-ensure', (source, chunk, hash) => {
+            return source.replace('__webpack_require__.p', "'" + this.options.publicCssPath + "'")
+          })
+        })
+      }
+    }
+  }
+  
+  module.exports = ChunkHashExclude

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "webpack-hash-exclude-plugin",
+  "version": "1.0.7",
+  "description": "根据传入参数确定部分chunk打包时忽略chunkhash，html注入js、css文件地址是否取消chunkhash",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "取消指定chunk的chunkhash，取消html模版中注入的js、css文件的chunkhash"
+  ],
+  "author": "huangzhongzhen",
+  "license": "MIT",
+  "dependencies": {
+    "html-webpack-plugin": "^3.2.0",
+    "lodash": "^4.17.11",
+    "require-safe": "^1.1.0"
+  }
+}