1

为什么这个基本 Vue.js 应用程序的 Parcel 生产版本会删除viewBoxSVG 图标上的硬编码属性?在本地开发模式下,viewBox不会删除并且 svg 会正确呈现。

这是带有问题 svg 的生产版本,在 netlify 上直播:https ://errands.netlify.com/ 。

这是生产版本的屏幕截图(缺少每个杂货项目名称左侧的灰色“编辑”图标):

生产构建缺少每个列表项 svg viewBox 属性

这是在开发模式下正确渲染的 svg 的屏幕截图(请参阅每个杂货项目名称左侧的灰色“编辑”图标):

具有 svg viewBox 属性的本地开发构建,如预期的那样

这是作为 Vue 组件的 svg 的源代码:https ://github.com/brianzelip/groceries-vue/blob/master/src/components/Icons/IconEditSolid.vue

这是调用上述 svg 组件的父组件:https ://github.com/brianzelip/groceries-vue/blob/master/src/components/GroceryForm/GroceryFormItemEditLink.vue

为什么生产版本会删除viewBoxsvg 元素的属性?以及如何阻止这种行为?

4

0 回答 0