IgnorePlugin 真的能减少打包体积吗？我配置了好像没效果
我在用 Webpack 打包项目时，听说 IgnorePlugin 可以忽略某些模块来减小体积。比如我想跳过 moment 的本地化文件，就照着文档加了插件，但打完包发现 vendor.js 一点没变小，是不是我哪里写错了？
这是我的 webpack 配置片段：
new webpack.IgnorePlugin({
resourceRegExp: /^./locale$/,
contextRegExp: /moment$/
})而且我发现即使加了这个，import moment from 'moment' 进来后，整个 moment 库还是被打包进去了，本地化文件真的被忽略了么？有点懵。
- 2
回答
40浏览
IgnorePlugin 配置后为啥没生效？
我在用 Webpack 的 IgnorePlugin 时，明明配置了忽略 moment 的 locale，但打包体积还是很大，好像没起作用。 我这样配的： new webpack.IgnorePlug...
- 1
回答
50浏览
Webpack IgnorePlugin配置后为什么没排除模块？
我在用Webpack优化项目时，想通过IgnorePlugin排除某个不常用的依赖模块。按照文档配置了以下代码，但打包后的bundle里还是能看到这个模块，到底是哪里出问题了？ const webpa...
- 2
回答
60浏览
Babel配置会影响Tree Shaking效果吗？
我最近在优化项目打包体积，发现即使用了ES Module，Webpack的Tree Shaking好像也没生效。我怀疑是不是Babel的配置有问题，因为看到有人说Babel会把import/expor...
- 1
回答
27浏览
esbuild打包后代码体积反而变大了怎么办？
我之前用Webpack打包项目时代码压缩后的体积是800KB，换成esbuild后配置了treeShaking，但打包结果反而涨到1.2MB。尝试过把minify设为true，但没变化。查看输出代码发...
- 2
回答
72浏览
Webpack打包后bundle体积太大怎么优化？
最近在优化项目打包体积，用Webpack打包后主chunk还是有3MB多，尝试过配置SplitChunksPlugin分包，但效果不明显。我按照网上的教程设置了common chunk和vendor ...
- 1
回答
37浏览
Webpack优化后打包体积没变化，哪里出问题了？
我在React项目里配置了Webpack的压缩和Tree Shaking，但打包体积还是很大。比如这个组件里只用了lodash的get方法： import _ from 'lodash�...
- 2
回答
37浏览
为什么用lodash-es按需导入后Tree Shaking没减少打包体积？
我在项目里改用lodash-es想通过Tree Shaking减小体积，但打包后发现整个lodash都进去了... 按教程这样导入的： import { map, each } from '...
- 2
回答
58浏览
Webpack optimization.splitChunks配置后打包体积反而变大了怎么办？
折腾了一天也没搞定，我按照文档配置了splitChunks把第三方库单独打包，结果vendor.js反而从200KB变成300KB了。 配置是这样的： optimization: { splitChu...
- 2
回答
36浏览
Vite打包时如何正确配置Rollup排除node_modules中的特定包？
我在用 Vite 构建 Vue3 项目，想通过 Rollup 配置把某个第三方库（比如 lodash-es）从打包结果中排除，但试了几次都没成功，build 后还是被打包进去了。 我查了文档，在 vi...
- 1
回答
64浏览
Webpack打包后CSS体积过大，怎么分析具体是哪些样式占空间？
我用 Webpack 打包项目时发现生成的 CSS 文件特别大，想搞清楚到底是哪些样式规则占了这么多体积。试过用 webpack-bundle-analyzer，但它好像只分析 JS，对 CSS 没啥...
注意 resourceRegExp 要匹配的是
./locale，而不是^./locale$。你这个写法可能会有问题。试试上面的配置，应该能忽略掉 moment 的 locale 文件。