如何用 js 和 css 创建一个库？ [复制]

【问题标题】：How create a library with js and css? [duplicate]如何用 js 和 css 创建一个库？ [复制]
【发布时间】：2021-04-27 09:44:01
【问题描述】：

我用 vanilla js 和 css 创建了一个库，但是当我导入 js 和 css 时它才起作用，我只想使用导入文件 js

现在我正在以这种方式导入：

<head>
    <script src="../lib.js"></script>
    <link rel="stylesheet" href="styles.css">
</head>

但只有这样才有可能？

<head>
    <script src="../lib.js"></script>
</head>

【问题讨论】：

标签： javascript css

【解决方案1】：

如果您希望手动执行此操作，您可以将代码添加到../lib.js，以便在加载样式表时通过链接标记注入样式表。

这是一个基本的实现：

// ../lib.js
"use strict";

(function () {
  function injectCSS(href) {
    const link = document.createElement("link");
    link.rel = "stylesheet";
    link.type = "text/css"; 
    link.href = href;

    document.head.appendChild(link);
  }

  injectCSS("styles.css");
}());

// rest of ..lib.js as it is currently

【讨论】：