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