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