fix(pack): 修复 chunk 版本号问题

Author: yuhaoju

lib/modules/minWorker.js

@@ -38,10 +38,12 @@ process.on('message', function (m) {
 
             // 重新生成版本号， webpack 打的样式文件 hash 会根据所在目录不同而不同，造成 beta/prd 环境下版本号不一致
             if (assetName.indexOf(HASH_PLACEHOLDER) > -1) {
-                var version = md5(minifiedCode).slice(0, 16);
+                var version = md5(minifiedCode).slice(0, 20); // 和 webpack hash 长度保持一致
                 var nextName = assetName.replace(HASH_PLACEHOLDER, version);
                 fs.renameSync(path.resolve(cwd, assetName), path.resolve(cwd, nextName));
                 replacedAssets = [assetName, nextName];
+            } else {
+                replacedAssets = [assetName, assetName];
             }
         }
     }

lib/plugins/hashPlaceholderPlugin.js

@@ -1,13 +1,22 @@
 'use strict';
 
+/*
+ * 解决样式文件的版本号生成问题，先用 placeholder 占位
+ * 待压缩资源过后再重新生成版本号，替换占位符
+ */
+
+var styleExtNames = ['.css', '.scss', '.sass', '.less'];
+
 function HashPlaceholder() {}
 
 HashPlaceholder.prototype.apply = function (compiler) {
     compiler.plugin('compilation', function (compilation) {
         compilation.plugin('chunk-hash', function (chunk, chunkHash) {
-            chunkHash.digest = function () {
-                return '[hashPlaceholder]';
-            };
+            if (chunk.name && styleExtNames.indexOf(sysPath.extname(chunk.name)) > -1) {
+                chunkHash.digest = function () {
+                    return '[hashPlaceholder]';
+                };
+            }
         });
     });
 };

src/modules/minWorker.js

@@ -36,10 +36,12 @@ process.on('message', function(m) {
 
             // 重新生成版本号， webpack 打的样式文件 hash 会根据所在目录不同而不同，造成 beta/prd 环境下版本号不一致
             if(assetName.indexOf(HASH_PLACEHOLDER) > -1) {
-                const version = md5(minifiedCode).slice(0, 16);
+                const version = md5(minifiedCode).slice(0, 20); // 和 webpack hash 长度保持一致
                 const nextName = assetName.replace(HASH_PLACEHOLDER, version);
                 fs.renameSync(path.resolve(cwd, assetName), path.resolve(cwd, nextName));
                 replacedAssets = [assetName, nextName];
+            } else {
+                replacedAssets = [assetName, assetName];
             }
         }
     }

src/plugins/hashPlaceholderPlugin.js

@@ -1,15 +1,24 @@
 'use strict';
 
+/*
+ * 解决样式文件的版本号生成问题，先用 placeholder 占位
+ * 待压缩资源过后再重新生成版本号，替换占位符
+ */
+
+const styleExtNames = ['.css', '.scss', '.sass', '.less'];
+
 function HashPlaceholder () {
 
 }
 
 HashPlaceholder.prototype.apply = function(compiler) {
     compiler.plugin('compilation', function(compilation) {
         compilation.plugin('chunk-hash', function(chunk, chunkHash) {
-            chunkHash.digest = function () {
-                return '[hashPlaceholder]';
-            };
+            if(chunk.name && styleExtNames.indexOf(sysPath.extname(chunk.name)) > -1) {
+                chunkHash.digest = function () {
+                    return '[hashPlaceholder]';
+                };
+            }
         });
     });
 };