为什么这个基本 Vue.js 应用程序的 Parcel 生产版本会删除viewBox
SVG 图标上的硬编码属性?在本地开发模式下,viewBox
不会删除并且 svg 会正确呈现。
这是带有问题 svg 的生产版本,在 netlify 上直播:https ://errands.netlify.com/ 。
这是生产版本的屏幕截图(缺少每个杂货项目名称左侧的灰色“编辑”图标):
这是在开发模式下正确渲染的 svg 的屏幕截图(请参阅每个杂货项目名称左侧的灰色“编辑”图标):
这是作为 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
为什么生产版本会删除viewBox
svg 元素的属性?以及如何阻止这种行为?