84得票1回答
有人能解释一下Webpack的CommonsChunkPlugin吗?

我大致了解到,CommonsChunkPlugin插件会查看所有入口点,检查它们之间是否存在共同的包/依赖项,并将它们分离成自己的捆绑包。 因此,假设我有以下配置:... enrty : { entry1 : 'entry1.js', //which has 'jquery' as ...

56得票4回答
Webpack 4 迁移 CommonsChunkPlugin

我需要帮助将以下代码从webpack 3迁移到4。new webpack.optimize.CommonsChunkPlugin({ minChunks: module => module.context && module.context.indexOf("no...

17得票2回答
(Webpack) 如何对动态模块依赖进行代码分块

我刚意识到,如果你使用require.ensure()动态加载模块,webpack不会将依赖项分析和分块在一起。从某种程度上讲,这是有道理的,因为webpack无法知道是否传输了这些模块,但我们能否强制webpack完成这项工作呢? 示例: app.js:require.ensure([ ...

12得票2回答
Webpack 4 - 从CommonsChunkPlugin迁移到SplitChunksPlugin

我们有一个传统的服务器渲染应用程序(非SPA),其中每个页面都使用vuejs进行增强。 我们现有的webpack 3配置为 webpack.config.jsvar webpack = require('webpack') var path = require('path') const...

10得票2回答
使用WebPack CommonsChunkPlugin提取重复的JavaScript代码

我正在使用 WebPack CommonsChunkPlugin 来提取重复代码并减少 JavaScript 代码大小。我有两个 HTML 页面和它们的两个入口。此外,我已经添加了 ReactJs 的供应商入口。到目前为止,在 webpack.config.js 中我们有:var path =...

8得票1回答
Webpack:从入口和子模块中提取共同模块到单独的公共块。

我有一个使用webpack构建的应用程序,它使用代码分割。现在我想将所有符合特定条件(在这种情况下是node_modules)的公共模块聚合到单独的通用块中,该通用块跨所有入口块及其所有子块(通过代码拆分生成)。 如果我这样做: new webpack.optimize.CommonsCh...

8得票1回答
使用webpack将供应商库拆分为多个代码块

我希望将我的供应商代码分成两个部分,一个包含所有Angular库,另一个包含其他所有内容。 我的Angular应用程序有一个入口点,并设置如下: entry: { app: './path_to/app.js', vendor: ['jquery', 'moment', '...

8得票3回答
webpackJsonp未定义:webpack-dev-server和CommonsChunkPlugin

这是我的webpack.config.js文件: const webpack = require('webpack'); const path = require('path'); module.exports = { cache: true, devtool: 'source-m...

7得票1回答
错误:webpack.optimize.CommonsChunkPlugin已被移除,请使用config.optimization.splitChunks代替。

我遇到了这个错误 错误: webpack.optimize.CommonsChunkPlugin 已被移除,请使用 config.optimization.splitChunks 替代。 new webpack.optimize.CommonsChunkPlugin({ filen...