如何在 tailwind cdn 在用户脚本中运行之前将其应用前缀配置？

Question

// ==UserScript==
...
// @match        */*
// @require      https://cdn.tailwindcss.com
// @run-at       document-end
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    tailwind.config = {prefix: 'tw-'};
    console.log('tailwind.');
})();

tailwind.config = { prefix: 'tw-' };

仅在顺风运行后应用。

我还尝试使用

.onload

设置配置来动态加载脚本，但没有帮助。在加载之前设置配置也不起作用。

Answer 1

您可以使用

@require data:,

嵌入文字 JS 代码，如下所示：

// ==UserScript==
...
// @require      data:,tailwind={config:{prefix:'tw-'}};` 
// @require      https://cdn.tailwindcss.com
// ==/UserScript==