Skip to content

Tree shaking を有効化すると、ツールバーの ExUnit のアイコンが消えるので背景画像の指定方法に問題があるかもしれない #857

@goutetsuguma

Description

@goutetsuguma

[ユーザー様からご報告]
vkExUnit_style.css に記述されているアイコン指定が
background-image: url(../images/ex-unit-icon.svg);
と相対指定になっているのですが、Tree shaking を有効化するとパスの指定が以下のようにずれてしまいます。
https://サイトのアドレス/wp-content/plugins/vk-all-in-one-expansion-unit/assets/images/ex-unit-icon.svg
 ↓
https://サイトのアドレス/images/ex-unit-icon.svg

私のいくつかのサイトで試したところ、Tree shaking を有効化したときにアイコンが消えるサイトと消えないサイトがあります。
アイコンが消えるサイトは、
<style id='vkExUnit_common_style-css' type='text/css'>...
で CSS が読み込まれています。
アイコンが消えないサイトは

<link rel='preload' id='vkExUnit_common_style-css' href='https://...
<link rel='stylesheet' id='vkExUnit_common_style-css' href='https://...

で CSS が読み込まれています。

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions