构建优化
本话题发布构建优化相关的问答文章和技术分享，将持续更新，为您推荐了12篇问答，访问即可查看更多精彩内容。
-
1
回答
17浏览
SWC编译后箭头函数被转成普通函数，怎么保留ES6语法？
我用SWC替换了Babel做构建，但发现原本的箭头函数全被转成了普通function，导致this指向出问题。项目目标环境是现代浏览器，根本不需要降级啊。 配置里已经设了jsc.target为es20...
-
2
回答
64浏览
如何监控 Webpack 构建体积变化？
我们项目最近打包体积突然涨了 30%，但不知道是哪个依赖或模块导致的。试过用 webpack-bundle-analyzer 看当前包结构，但没法对比历史版本的变化趋势，有啥好办法能持续监控构建体积吗...
-
2
回答
42浏览
Webpack5打包体积过大，怎么优化才能减小vendor.js？
最近项目升级到Webpack5后，发现打包出来的 vendor.js 超过2MB，首屏加载特别慢。我已经用了 SplitChunksPlugin 做了基础拆分，但效果不明显。试过把 node_modu...
-
2
回答
23浏览
Hard-source-webpack-plugin 真的还能用吗？配置后反而变慢了？
我听说 hard-source-webpack-plugin 能大幅加快二次构建速度，就试着在项目里加了。但装完之后第一次构建巨慢，第二次也没快多少，是不是我哪里配错了？ 我的 webpack 版本是...
-
2
回答
41浏览
模块联邦中远程组件加载失败怎么办？
我在用 Webpack 5 的模块联邦搞微前端，本地调试时主应用能正常加载远程组件，但部署到测试环境后就报错了，控制台提示找不到 remoteEntry.js。 我检查了 remote 的 publi...
-
2
回答
34浏览
Hard-source-webpack-plugin 缓存没生效是怎么回事？
我按照文档装了 hard-source-webpack-plugin，也加到 webpack 配置里了，但每次重新构建还是全量编译，缓存好像根本没用上。 我的配置是这样的： const HardSou...
-
1
回答
23浏览
如何监控 Webpack 构建体积变化？
最近项目构建后 bundle 体积涨得有点快，想加个监控看看每次构建的大小变化，但不知道怎么搞。试过用 webpack-bundle-analyzer 手动生成报告，但没法自动追踪历史记录。 有没有办...
-
1
回答
29浏览
模块联邦加载远程组件时样式丢失怎么办？
我在用 Webpack 5 的模块联邦加载远程 React 组件，JS 能正常加载，但组件的 CSS 样式完全没生效，页面布局都乱了。本地开发时没问题，一通过 Module Federation 引入...
-
2
回答
48浏览
cache-loader缓存失效后，如何手动清除旧缓存？
我在项目里用cache-loader优化构建速度，但今天改了个公共组件后发现旧文件还在被引用。检查node_modules/.cache目录发现确实存在旧版本文件，但删除整个缓存目录后重启构建，新文件...
-
2
回答
45浏览
使用DLL动态链接后为什么生产环境报manifest.json文件找不到？
在给项目配置webpack DLL时，开发环境能正常加载dll文件，但打包生产环境时一直提示dll_vendor_manifest_*.json未找到，我已经按文档设置了manifest字段，还特意在...
-
2
回答
99浏览
cache-loader缓存失效后如何避免重复编译？
我在Vue项目里用了cache-loader，第一次构建确实快很多。但每次修改代码后缓存都会失效，导致全量编译时间反而更长，这到底是怎么回事？ 尝试过在webpack配置里这样写：{ test: /....
-
2
回答
106浏览
Vite预构建后依赖包体积反而变大了怎么办？
我在项目里给某个第三方库用了vite optimizeDeps预构建，结果打包后的vendor.js比之前还大200kb，这是怎么回事？ 之前配置是这样的： optimizeDeps: { entri...
