在編寫 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";指定編碼類型。