Webpack 分别加载供应商脚本

Webpack 分别加载供应商脚本,webpack,lazy-loading,code-splitting,Webpack,Lazy Loading,Code Splitting,我有一个Vue应用程序,到目前为止,它只是一个使用webpack构建的单一文件包。这个应用程序使用自己的API,包本身作为静态文件通过该API进行访问 该捆绑包在完全不同的应用程序B(旧的ASP.NET WebForms)中使用和运行。在那个应用程序中,我知道应该从哪个URL请求包(跨域) 这个包很大(>2mb,大多数代码是第三方的),并且是缓存的,这意味着一旦我更新了应用程序A,更改不会立即加载到浏览器中。我想以某种方式实现缓存破坏 考虑到我的情况和局限性,最好的方法是什么 两个自己的想法:

我有一个Vue应用程序,到目前为止,它只是一个使用webpack构建的单一文件包。这个应用程序使用自己的API,包本身作为静态文件通过该API进行访问

该捆绑包在完全不同的应用程序B(旧的ASP.NET WebForms)中使用和运行。在那个应用程序中,我知道应该从哪个URL请求包(跨域)

这个包很大(>2mb,大多数代码是第三方的),并且是缓存的,这意味着一旦我更新了应用程序A,更改不会立即加载到浏览器中。我想以某种方式实现缓存破坏

考虑到我的情况和局限性,最好的方法是什么

两个自己的想法:

  • 配置(以某种方式)webpack,以便浏览器仅请求主捆绑包(使用自定义代码),然后该捆绑包从单独的文件加载供应商脚本。主捆绑包不会被缓存(并且可能很小),而供应商捆绑包的文件名中会有一些散列值,并由浏览器缓存

  • 在应用程序A的API上实现/版本端点,在加载B的WebForms页面之前调用该端点,并请求具有最新版本的捆绑文件


  • 你试过其中一种解决方法吗。目前还不确定这在理论上是否可行。我不喜欢的是,我需要(以某种方式)知道C#runtime中捆绑包的版本(能够回答/version查询),这可能意味着访问文件系统,这可能会很慢。我可能可以以某种方式访问它,但我想知道最好的解决方案。