javascript - 如何在（使用）webpack 中限制两个版本的 javascript 文件？

Question

简单场景

• 编译的Jsfile-{hashCode1}
• 编译的Jsfile-{hashCode2}

我目前通过更改基于 CMS 的平台中的 hashCode 来加载（限制）这两个不同代码的 javascript 版本但在生产中的相同项目。脚本标签看起来像

<script src="src/dist/compiledJsfile-{hashCode1}" />

在这个当前的 javascript 文件中，我查找哈希更改（prev v/s new，old 是当前的 JS 文件哈希码）并用新的 hashCode（hashCode2）替换脚本标签

Example code:

if (scriptTag.src.includes('/src/dist/javascript/compiledJsfile-')) {
        const newTag = document.createElement('script');

        newTag.type = 'text/javascript';
        newTag.src = `/src/dist/javascript/compiledJsfile-${hashCode2}.js`;
        newTag.async = true;

        scriptTag.parentNode.removeChild(scriptTag);
        document.body.appendChild(newTag);
        console.log('Generating the newHashVersion script ', throttledHashVersion);
    }

使用 webpack 配置执行此操作有什么不同吗？甚至在将 JS 加载到页面上并在 webpack 配置中执行它之前？

标签： javascriptwebpack