Как я могу использовать Tippy.js в скрипте контента Google Chrome? - PullRequest
Новая
       51

Как я могу использовать Tippy.js в скрипте контента Google Chrome?

0 голосов
/ 26 сентября 2019

Я хотел бы использовать Tippy.js в простом расширении Chrome, которое я создаю.По сути, я хочу использовать Tippy вместе со своим скриптом контента, но я не знаю, как включить его без использования cdn.

Я знаю, что должен включить его в файл manifest.json с content_scripts, но вы не должны здесь использовать ссылку cdn.Если я устанавливаю пакет с узлом, я получаю все файлы, найденные здесь: https://unpkg.com/browse/tippy.js@4.3.5/, но я не уверен, какой из них связать в файле манифеста.

Вот то, что у меня сейчас есть вмой manifest.json: 

"content_scripts": [
        {
            "matches":[
                "<all_urls>"
            ],
            "js": [
                "./node_modules/tippy.js/umd/index.min.js",
                "./src/content.js"]
        }
    ],

Я понимаю, что это, вероятно, глупая попытка включения внешней библиотеки, но я просто не уверен, как включить библиотеки, подобные этой, которые не упакованы в одинфайл.

Ответы [ 2 ]

0 голосов
/ 27 сентября 2019

Umd - выбор в этом случае, потому что расширение Chrome не поддерживает ключевые слова import и export, поэтому выберите node_modules/tippy.js/umd/index.min.js и убедитесь, что node_modules находится в том же каталоге, что и ваш файл manifest.json. 

"content_scripts": [
        {
            "matches":[
                "<all_urls>"
            ],
            "js": [
                "node_modules/tippy.js/umd/index.min.js",
                "src/content.js"
            ],
            "css": [
                "node_modules/tippy.js/themes/light.css"
            ]
        }
]
0 голосов
/ 27 сентября 2019

Для tippy.js вам также необходим popper.js

Сохраните эти два файла в вашем проекте https://unpkg.com/popper.js@1.15.0/dist/umd/popper.min.js https://unpkg.com/tippy.js@4.3.5/umd/index.all.min.js

Добавьте эти два файла в сценарий содержимого, как вы добавили

...