问题标签 [commonschunkplugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
124 浏览

javascript - 如何将 Webpack 3 CommonsChunkPlugin 配置升级到 Webpack 4 splitChunks,同时在这种情况下保持相同的行为?

我正在尝试从 Webpack 3 迁移到 4,这需要我从使用 CommonsChunkPlugin 更改为 splitChunks。但我正在努力保持相同的行为。

我的 Webpack 3 代码:

webpack.config.js

我认为 Webpack 称之为Explicit Vendor Chunk

我应该编写什么 Webpack 4 代码来产生与上述相同的行为?

我尝试删除

但它不仅有效。

我尝试遵循https://gist.github.com/sokra/1522d586b8e5c0f5072d7565c2bee693但它也不会产生相同的行为。

0 投票
0 回答
62 浏览

javascript - Webpack 块路径从 3.8.1 -> 4.43.0 中断

我正在将继承的 Webpack 配置从 v.3.8.1 升级到 v4.43.0,并且在最新版本中遇到了异步加载块文件的奇怪问题。我的 Webpack 输出目录结构如下所示:

在 v3.8.1 中,我有一个供应商捆绑包,/static/webpack/scripts/vendor.js它从static/webpack/<chunkname>.splitbundle.js. 但是,当我更新配置并将 Webpack 版本升级到 v4.43.0 时,供应商捆绑包会尝试从webpack/<chunkname>.splitbundle.js. 不知何故,早期版本的 Webpack 能够动态发现(据我所知)static块的前缀,但最新版本不能。我不知道如何配置 v4.43.0 来复制这种行为。

v3.8.1 Webpack 配置:

v4.43.0 Webpack 配置:

0 投票
0 回答
13 浏览

reactjs - 我们如何在 webpack.config.prod.js 文件中使用 webpack 的 commonsChunkPlugin

我们的 react 项目中有两个 webpack 配置文件。

webpack.config.dev.js - 用于开发构建

webpack.config.prod.js - 用于生产构建

我在两个 webpack 配置文件中使用以下相同的代码将我的主 bu​​ndle.js 文件拆分为块,以便在浏览器中更快地加载它。它在开发版本中运行良好,我可以看到该应用程序在浏览器中运行而没有任何错误。

当我创建生产版本时,它已成功创建生产版本,但是当它在浏览器中运行时,在控制台中出现以下错误。

在此处输入图像描述

期待答案。

提前致谢。

0 投票
0 回答
12 浏览

vue.js - 从 webpack CommonsChunkPlugin 中排除特定入口点

网络包版本 2

你好。我有多个入口点,每个入口点都使用 vue。而且我想提取供应商库进行缓存,所以我将使用 CommonsChunkPlugin。顺便说一句,我不能只将 CommonsChunkPlugin 用于特定的入口点吗?对于某些入口点,在该文件中包含 vue 会很好。

A 和 b 使用提取的 vue 和 jquery 作为供应商。但是在exclude中,文件本身必须包含vue、jquery。这可能吗?