SVG`viewBox`已在生产版本中删除,但仍处于开发模式(使用Parcel捆绑器)

时间:2018-10-15 17:03:01

标签: svg vue.js parceljs

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

以下是带有问题svg的生产版本,该版本在netlify上运行:https://errands.netlify.com/

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

production build missing each list item svg viewBox attribute

这是在开发人员模式下正确呈现的svg的屏幕截图(请参见每个杂货店名称左侧的灰色“编辑”图标):

local dev build with the svg viewBox attribute as exptected

以下是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属性?以及如何阻止这种行为?

0 个答案:

没有答案