构建工具
本话题发布构建工具相关的问答文章和技术分享，将持续更新，为您推荐了34篇问答，访问即可查看更多精彩内容。
-
2
回答
108浏览
为什么Webpack配置了Tree Shaking后，某些未引用的代码依然被打包进去？
我在项目里配置了Webpack的Tree Shaking，但发现未使用的模块还是被打包了。比如这个组件里只用了utils.js的add函数： // component.jsx import { add...
-
2
回答
39浏览
VitePress SSR中如何在服务端渲染动态生成的页面内容？
我在用VitePress搭建文档站点时遇到了SSR问题。通过getPages动态生成的路由页面，在服务端渲染时内容显示为空白，但客户端刷新又能正常显示。我尝试在组件setup里用onMounted获取...
-
2
回答
53浏览
为什么我的Webpack插件在emit阶段无法修改输出文件内容？
我按网上的教程写了个Webpack插件，想在emit阶段给JS文件添加版权信息。代码看起来没问题，但生成的文件内容完全没变，这是怎么回事啊？ 我写了这样的插件逻辑： class MyPlugin { ...
-
2
回答
59浏览
Webpack Bundle分析时，为什么第三方库占比过大却看不到具体文件？
在用webpack-bundle-analyze分析打包结果时，第三方库显示占比60%但点击后全是vendor_chunk_0.js这样的抽象文件名，根本看不出是哪个库占的空间？ 我试过用webpac...
-
2
回答
59浏览
Vite中使用glob导入组件后页面不刷新怎么办？
在用Vite+Vue3开发时，我用glob导入了所有组件，但修改组件后页面热更新失效了。明明按了保存，页面就是不刷新，这是为什么呢？ 代码是这样写的： import { globImport } fr...
-
2
回答
97浏览
Vite SSR预渲染时报错’window is not defined’怎么办？
在用Vite做Vue3的SSR项目时，运行预渲染命令就报错'window is not defined'，但正常渲染页面又没问题。我的组件里用到了window.location，代码是这样的： // ...
-
2
回答
76浏览
Vite开发服务器代理配置后请求还是被浏览器拦截怎么办？
用Vite+React前端配合Express后端开发时，后端接口跑在http://localhost:3001，前端开发服务器是http://localhost:3000。当我发起fetch('/ap...
-
2
回答
61浏览
Vite build配置output.dir无效还是输出到dist目录怎么办？
我在vite.config.js里设置了build.rollupOptions.output.dir = 'public/build'，但打包后文件还是生成在默认的dist目录，这是为什么？ 尝试过直...
-
2
回答
64浏览
Webpack和Vite处理30k组件库时构建速度差这么多正常吗？
最近在公司负责迁移一个包含3万多个组件的项目，原先是用Webpack4配置的，打包完整项目要20分钟。现在尝试用Vite3做开发环境，但生产构建居然花了45分钟？ 已经试过在vite.config.j...
-
2
回答
67浏览
Vite的manualChunks配置后组件还是单独打包怎么办？
我在用Vite开发React项目时，想通过manualChunks把四个公共组件打包到同一个chunk里，但配置后每个组件还是单独生成了文件... 项目结构是这样的，四个组件分布在不同页面： // v...
-
2
回答
106浏览
Vite预构建后依赖包体积反而变大了怎么办？
我在项目里给某个第三方库用了vite optimizeDeps预构建，结果打包后的vendor.js比之前还大200kb，这是怎么回事？ 之前配置是这样的： optimizeDeps: { entri...
-
2
回答
63浏览
VitePress SSR时动态导入组件报错，应该如何处理？
在用VitePress搭建文档网站时，我尝试在侧边栏动态导入一个统计组件，但SSR时老是报错说无法resolve模块。import('./stats.vue')这种写法在客户端正常，但服务端就挂了。试...
-
2
回答
58浏览
Parcel打包React项目时CSS样式不生效怎么办？
最近用Parcel打包React项目，发现导入的CSS文件样式完全没生效。我已经按官方文档配置了，代码也没报错，但页面就是没样式。之前用Webpack没问题，Parcel是不是有什么特殊设置？ 比如在...
-
2
回答
413浏览
Webpack Bundle Analyzer生成报告时提示’Error: spawn sync’怎么办？
刚在项目里装了webpack-bundle-analyzer，按文档配好插件后运行build，结果报错：Error: spawn sync /path/to/chrome ENOENT。尝试过npm ...
