工具
汇聚开发工具相关疑问，解答工具选型、实战用法与工作流优化中的各类效率问题。
-
1
回答
7浏览
Lighthouse Node API运行后性能评分一直是undefined怎么办？
我在用Lighthouse Node API跑性能测试时，获取的performance评分总是undefined，但其他指标正常。代码是这样写的： const lighthouse = require...
-
1
回答
14浏览
PostCSS处理CSS变量时，为什么预处理器变量会被替换成初始值？
在用PostCSS处理CSS变量时遇到了奇怪的问题：--primary-color被替换成初始值#00f了，但代码里明明写的是Sass变量$primary，这是怎么回事？ 尝试过调整postcss-l...
-
1
回答
18浏览
Babel Visitor遍历时修改节点属性导致递归重复处理怎么办？
我在用Babel的Visitor写AST转换时遇到个奇怪问题：当我在enter方法里修改某个节点属性后，子节点会被重复访问两次。比如处理这个按钮点击事件： <button onclick=&qu...
-
2
回答
7浏览
Figma导出的SVG为什么颜色和原图不一样？
在Figma里设计了一个带渐变填充的图标，导出SVG后发现路径元素的fill属性全变成"none"了，但原图明明设置了颜色... 已经试过右键图层检查属性，确认fill颜色正常。导出时也勾选了"Pix...
-
1
回答
18浏览
npm/yarn/pnpm切换Nexus仓库源时如何避免重复下载包？
我在公司项目里用Nexus搭建了私有npm仓库，平时用npm config set registry切换内外网源。但发现每次切换回公共仓库后，之前通过Nexus下载的包还会重复下载，缓存好像没起作用。...
-
2
回答
19浏览
迁移Vite到4.x后react插件配置报错怎么办？
今天升级Vite到4.x后，react插件配置突然报错了。之前用vite-plugin-react时这样写的： import react from '@vitejs/plugin-react' exp...
-
1
回答
14浏览
Storybook文档模式下怎么让组件参数显示自定义格式而不是默认字符串？
我在用Storybook的Docs模式生成组件文档时，发现组件参数总是以纯文本形式展示。比如我给按钮组件传了一个size参数，值是数组['small', 'large']，但文档里直接显示成"smal...
-
2
回答
8浏览
Docker部署Vue项目时镜像体积过大怎么优化？
用Docker部署Vue项目时，按照教程写了多阶段构建的Dockerfile，但生成的镜像还是有几百MB，明明生产构建后只有dist目录。我尝试过在第二阶段只COPY dist/*，但运行时提示ENO...
-
2
回答
10浏览
使用cssnano压缩后样式错乱，如何排查配置问题？
我在项目里用PostCSS配合cssnano压缩CSS时，压缩后的文件导致按钮hover效果消失了。尝试过把preset设为"default"和"advanced"都没解决，控制台没报错但样式就是不对...
-
2
回答
6浏览
为什么Prettier插件无法正确格式化HTML中的自定义组件标签？
我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时，发现自定义组件的标签会自动合并成一行，比如<MyComponent></MyComponent...
-
2
回答
8浏览
为什么Coverage显示未使用的CSS在代码中明明被引用了？
在Vue组件里写了一个带scoped的CSS类，Coverage报告显示这个类未被使用，但代码里明明在DOM元素上加了这个class。我刷新了页面还清除了缓存，问题还是存在... <templa...
-
2
回答
39浏览
Lighthouse SEO检测中，为什么所有文本必须可访问才能通过？
在优化项目SEO时，Lighthouse报「确保所有文本都是可访问的」错误，但我的页面文本都正常显示。我检查了的alt属性和ARIA标签都没问题，这是怎么回事？ 尝试过把文字改成包裹并加aria-la...
-
2
回答
11浏览
为什么我的FigJam白板在React中渲染时会重复加载数据？
最近在用React集成Figma的FigJam白板组件，发现每次保存内容后都会触发两次API请求，导致数据重复加载。明明设置了依赖项，但控制台还是显示重复的日志，这是为什么呢？ 我的组件逻辑大概是这样...
-
1
回答
11浏览
Figma设计系统中按钮变体修改后样式被覆盖怎么办？
在整理公司设计系统时，我给按钮组件创建了三种颜色变体（primary/secondary/tertiary），但当我更新主组件的圆角半径后，所有变体的背景颜色都变成了主组件的默认色，这是为什么？ 我之...
-
1
回答
23浏览
Babel配置中设置targets时，为什么指定了浏览器版本却没转译某些语法？
我在项目里用Babel配置了targets为"chrome 90"，但发现代码里的箭头函数() => {}仍然没被转译。明明用的是Chrome 80测试时会报错啊，这是怎么回事？ 尝试过在.ba...
-
1
回答
16浏览
Babel配置了preset-env为什么箭头函数没转译？
我在React项目里配置了@babel/preset-env，但代码里的箭头函数没转译成ES5，这是怎么回事？ 项目里用了.babelrc配置： { "presets": ["@babel/prese...
-
2
回答
7浏览
Jenkins部署时npm install报错EACCES，本地正常怎么办？
我在Jenkins配置前端项目自动部署时，执行到npm install这步一直报错： npm ERR! code EACCES npm ERR! syscall access npm ERR! pat...
-
1
回答
12浏览
为什么Figma导出的SVG在React里显示时路径错乱？
我从Figma导出的SVG图标在React项目里显示时路径全乱了，明明在设计软件里是正常的。我直接用createFromIconfontCN引入的，调整过width和height也不管用，是不是vie...
-
1
回答
10浏览
为什么优化了代码后Lighthouse的TTI指标还是卡在11秒以上？
我在优化一个单页应用时，Lighthouse的TTI一直显示11秒多，明明把JS拆分成了动态导入，还压缩了图片。但测试报告里显示"largest-contentful-paint"还是在首屏阻塞渲染，...
-
1
回答
25浏览
Figma Dev Mode导出的组件样式在React中不生效怎么办？
我用Figma Dev Mode导出的按钮组件CSS，在React项目里直接复制粘贴后样式完全没效果。按钮显示成默认的方形，颜色也没变化。之前按照文档配置了正确的类名，但检查元素发现CSS变量好像没被...
