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

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

48得票1回答
如何编写Webpack插件,根据其他模块实时添加模块到打包中?

我在编写一个翻译服务的Webpack插件时遇到了问题。 目标是: 在编译期间获取所有必需模块的名称(和源代码)。我需要能够扫描包含特殊t()函数用法的源代码,但我只想扫描将包含在捆绑包中的那些模块(这取决于构建配置,可以是所有项目模块的子集)。 基于收集的模块,我想动态创建附加模块(带有...

29得票3回答
Webpack公共块插件与Webpack DLL插件的区别

我以前使用webpack common chunks插件创建供应商包,其中包含像angular、react、lodash等第三方库,但是后来我知道了webpack dll插件。它们似乎可以做相同的事情,但dll插件还允许您减少构建时间。所以我很困惑,我是否需要同时使用这两个插件。在生产构建中,...

20得票2回答
Webpack 4 禁用 UglifyJS-Webpack-Plugin

我遇到了这个问题已经持续两天了。因此,我决定完全禁用uglifyjs-webpack-plugin来构建webpack。我找不到任何关于webpack 4的解决方案。

19得票2回答
CleanWebpackPlugin在Webpack 5中不能进行清理操作

我正在使用最新版本的webpack 5.3.2,并且安装了"clean-webpack-plugin": "^3.0.0"。但是显然,当我打包时,该插件没有清理dist文件夹。这是我的webpack信息: Binaries: Node: 12....

12得票2回答
用于替换函数的webpack插件

我正在尝试创建一个Webpack插件,它将解析代码中的某个函数并用另一个函数替换它,该插件还将把新函数作为全局函数公开。 class someName { constructor(local, domain, translationFile, options) { } appl...

11得票2回答
修改编译后文件的Webpack插件

我正在编写一个Webpack插件,它应该用Webpack生成的CSS文件列表来替换JS代码的一部分。想象一下这段JS代码:ReactWebComponent.create(<App />, 'react-web-component', { injectReactWebCompone...

9得票2回答
如何按块更新模块的源代码?

最近,我开始学习如何构建Webpack插件。我正在尝试构建一个能够更新我的源代码的插件。 规则很简单: 1. 如果入口点名称少于2个字符 "a",则必须将所述入口点块中所有模块的变量“haha”重命名为“hehe”。 2. 如果入口点名称多于2个字符"a",则必须将所述入口点块中所有模块的...

9得票4回答
如何防止TypeScript在Webpack的ProvidePlugin中声明未解决变量时中断Webpack构建?

有没有一种方法可以防止 WebPack 构建过程在 TypeScript 编译器开始报告未解决的变量后失败,而这些变量实际上已经在 Webpack 的 ProvidePlugin 配置中配置好了? webpack.config.js plugins: [ ... new webpack.P...

9得票2回答
Webpack插件错误管理

本文的主要目标是在编写Webpack插件时获取有关错误/警告管理的额外信息。 我在Webpack插件文档中看到,在基于时间的插件接口(回调函数中)中可以传递一个err参数,但是没有进一步解释它如何影响Webpack生命周期、构建过程以及如何使用它。它也没有说明是否有一种方法来使用其他类型的插...