情報アイランド

「情報を制する者は世界を制す」をモットーに様々な情報を提供することを目指すブログです。現在はプログラミング関連情報が多めですが、投資関連情報も取り扱っていきたいです。

Node.jsでCSSを整形する

CSSを整形するにはpretty-dataモジュールのprettyData.pd.css関数を使用します。

var prettyData = require('pretty-data');

var css = prettyData.pd.css('xxx');

第1引数にCSSを指定します。

返り値として整形されたCSSが得られます。

サンプルコード1

pretty-data-css.js

var prettyData = require('pretty-data');

var css = `
*{font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Verdana, Arial, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;margin: 0px;padding: 0px;}
a:hover img{opacity: 0.8;}
a:visited{color: #0000ee;}
body{background: #f2f2f2;}
`;

console.log(prettyData.pd.css(css));

使用パッケージ

  • pretty-data
    npm install pretty-dataでインストールします。

実行結果

C:\work\node>node pretty-data-css.js
 *{
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Verdana, Arial, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  margin: 0px;
  padding: 0px;
}
 a:hover img{
  opacity: 0.8;
}
 a:visited{
  color: #0000ee;
}
 body{
  background: #f2f2f2;
}

関連

pizyumi
プログラミング歴19年のベテランプログラマー。業務システム全般何でも作れます。現在はWeb系の技術を勉強中。
スポンサーリンク

-Node.js