を使用してCSSファイルをHTMLでインラインスタイルに変換します。外部スタイルシートのスタイルをインラインで頭の上部に1つのインライン<style>
タグとしてインライン化するような、外部CSSファイル付きのHTMLファイルがあります。任意の助けを事前に感謝npmパッケージ
注:
p {
color: red; }
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="utf-8">
\t <title>HTML Template</title>
\t <link rel="stylesheet" type="text/css" href="css/mystyle.css">
\t <script type="text/javascript" src="js/myscript.js"></script>
</head>
<body>
\t <p>Welcome to Template!!</p>
</body>
</html>
1個のスタイルタグを持つようにしたい、スタイル属性が各要素に適用される使用したくありません
変換後
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="utf-8">
\t <title>HTML Template</title>
<!-- START: Replaced inline tag from external css file mystyle.css as above-->
\t <style>
.p{color:red}
</style>
<!-- END: Replaced inline tag from external css file mystyle.css as above-->
\t <script type="text/javascript" src="js/myscript.js"></script>
</head>
<body>
\t <p>Welcome to Template!!</p>
</body>
</html>