在编写 HTML 文件时，我们常常需要引用 CSS 样式文件来美化页面。常规的方式是使用 link 标签将 CSS 文件引入，但是在编写一个 JS 组件或者插件时，我们不希望使用者需要额外引入 CSS 文件，而是希望使用 JS 文件的同时也能直接引入对应的 CSS 样式文件。

这时候，我们可以使用<link>的另一种属性，即rel="stylesheet"可以替换为rel="preload"，然后使用<script>标签来引入 CSS 文件，具体代码如下：

<link rel="preload" href="style.css" as="style">
<script src="style.css"></script>

在这段代码中，我们把 link 标签的 rel 属性改为了 preload，表示在页面加载时就预加载 CSS 文件，as 属性告诉浏览器预加载文件的类型是样式文件。接着使用 script 标签来引用 CSS 文件。

这样一来，在使用者引入 JS 文件的同时，对应的 CSS 样式文件也会被加载，不需要再额外引入。

另外需要注意的是，为了避免浏览器解析错误，我们需要在 CSS 文件中使用@charset "UTF-8";指定编码类型。