构建工具
本话题发布构建工具相关的问答文章和技术分享，将持续更新，为您推荐了34篇问答，访问即可查看更多精彩内容。
-
1
回答
25浏览
Webpack 打包时 UglifyJS 会破坏我的 CSS 吗？
我最近在用 Webpack 打包项目，配置了 uglifyjs-webpack-plugin 压缩 JS，但发现页面样式乱了。是不是这个插件误处理了 CSS？我的 CSS 写法很普通，比如： .btn...
-
2
回答
23浏览
Webpack devServer 配置 proxy 为啥不生效？
我在本地开发时用 Webpack 的 devServer 配置了 proxy，想把 /api 开头的请求代理到后端接口，但发请求还是直接打到了前端端口，根本没走代理。 我试过改 target 地址、加...
-
1
回答
45浏览
Webpack 打包后 CSS 的 Source Map 为啥不生效？
我用 Webpack 打包项目时启用了 source map，JS 的能正常定位到源文件，但 CSS 始终显示的是打包后的 bundle.css，根本没法调试原始的 SCSS 文件。我在 devtoo...
-
1
回答
38浏览
从 Webpack 迁移到 Vite 后，process.env 怎么用不了了？
我们项目之前用的是 Webpack，里面大量用了 process.env.NODE_ENV 来判断环境。现在迁到 Vite 之后，这些变量全变成 undefined 了，页面直接报错。 我看文档说 V...
-
1
回答
52浏览
Parcel 打包时为什么 CSS 文件没被正确引入？
我用 Parcel 打包一个简单的 HTML 项目，本地开发时样式正常，但 build 后发现页面没样式了。HTML 里是这么引入的：，目录结构也没问题，咋回事？ 尝试过清缓存、重装依赖，甚至把 CS...
-
1
回答
42浏览
Vite 启动时为什么总在重复预构建依赖？
我最近用 Vite + React 开发项目，每次重新启动 dev server 的时候，控制台都会花好几秒重新预构建一堆依赖，比如 react、lodash 这些。明明没改过 node_module...
-
2
回答
43浏览
Turbopack 为什么无法正确解析别名路径？
我用 Turbopack 启动项目时，配置了 tsconfig.json 里的 paths 别名，但一导入就报找不到模块。明明在 webpack 里好好的，Turbopack 是不是不支持？ 我的 t...
-
2
回答
186浏览
Webpack 打包后体积太大怎么办？
我用 Webpack 打了个 React 项目，结果 vendor.js 快 2MB 了，页面加载特别慢，有没有什么靠谱的优化方法？ 我已经试过配置 splitChunks，但效果不明显。还用了 co...
-
1
回答
36浏览
Vite 里怎么配置 esbuild 的 JSX 自动转换？
我在 Vite 项目里用了 JSX 语法，但没装 Babel，听说 esbuild 能自动处理 JSX。可现在报错说“React is not defined”，是不是哪里没配对？ 我试过在 vite...
-
2
回答
35浏览
SWC 编译 React 时为啥不识别 JSX 语法？
我用 SWC 替换 Babel 做构建，但一写 JSX 就报错，说 Unexpected token。明明装了 @swc/core 和 @swc/cli，也配了 .swcrc，但还是不行。 这是我的组...
-
2
回答
34浏览
VitePress 中如何正确使用 Vue 组件的异步数据获取？
我在 VitePress 里写了一个简单的 Vue 组件，想在页面加载时从 API 拿点数据，但发现 onMounted 里请求的数据在 SSR 阶段不生效，页面首次渲染是空的，只有客户端激活后才显示...
-
1
回答
33浏览
Vite迁移后为啥import.meta.env取不到环境变量？
我从Webpack迁移到Vite后，发现原来能用的process.env没了，改用import.meta.env却总是undefined，明明在.env文件里定义了变量。 我试过加VITE_前缀，也重...
-
1
回答
31浏览
Vite 和 Webpack 在处理 HTML 模板时有什么区别？
我最近从 Webpack 切换到 Vite，发现 HTML 文件的处理方式好像不太一样。比如我有个简单的入口 HTML，在 Webpack 里用 HtmlWebpackPlugin 能正常注入 JS，...
-
1
回答
38浏览
Turbopack 为什么无法正确处理我的 HTML 入口文件？
我刚用 Turbopack 启动了一个简单的静态页面项目，但发现它好像不识别我的 HTML 入口文件，页面加载后是空白的，控制台也没报错。我试过把 HTML 放在 src 目录下，也试过根目录，都不行...
-
2
回答
60浏览
Vite 的 manualChunks 配置不生效是怎么回事？
我在 Vite 项目里想用 manualChunks 把 lodash 单独打包，但 build 之后发现它还是被打进 vendor 里了，根本没拆出来。 我试过在 vite.config.js 里这...
-
2
回答
31浏览
Vite库模式打包后入口文件路径不对怎么办？
我在用Vite的库模式打包组件库时遇到了问题，配置了build.lib.name为"my-lib"，但生成的dist文件夹里只有vendor.js，没有预期的main.js入口文件。查看构建日志没报错...
-
2
回答
110浏览
为什么切换到Vite后Sass配置不生效？Webpack和Vite的CSS处理配置有何不同？
我之前用Webpack配置了Sass，现在迁移到Vite后样式文件报错说找不到变量，但代码明明没改啊。之前在vue.config.js里通过chainWebpack添加了sass-loader，现在换...
-
2
回答
38浏览
esbuild打包后main.js内容为空，怎么排查？
刚用esbuild替换webpack打包项目，配置完发现输出的main.js文件是空的。检查过入口文件路径没问题，执行命令时也没报错，但页面完全不渲染了。尝试过加--log-level=verbose...
-
2
回答
56浏览
Vite预构建时报错“Missing package”，但依赖明明已安装怎么办？
最近在用Vite开发项目，每次启动时预构建依赖都会卡住，报错说“Missing package: ‘@vue/reactivity’ required by ‘my-vue-app’”。但packag...
-
2
回答
41浏览
Vite配置Library模式打包后导出的文件无法被其他项目引入怎么办？
我在用Vite的Library模式打包一个工具库时遇到问题，按照文档配置了library选项，但打包生成的umd文件在另一个项目里引入时一直报错：Uncaught TypeError: Cannot ...
