{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/manage-scss-nodejs",
  "path": "/posts/manage-scss-nodejs",
  "publishedAt": "2023-03-29T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "node-js",
    "scss",
    "拡張機能"
  ],
  "textContent": "package.jsonのひな型を作成する\n\n色々効かれるが基本的にEnterを押しておけば問題ない。 押し続けているとpackage.jsonが作成されている。\n\nsassをインストール\n\n上記コマンドでsassをインストールする。\n\n今回は下記バージョンがインストールされた。\n\nGitでソースコードを管理している場合は、.gitignoreファイルを作成しnode_modules/と記入するのが吉。\n\nScriptを登録する\n\nちなみに今回は\n\nのように変換したい。\n\n先ほど作成したpackage.jsonにScriptを登録する。\n\n登録後、Scriptを実行する。\n\n以降、scssを変更するたびに、コンパイルされる。\n\nたぶん、拡張機能のコンパイルと展開のされ方が違うので、実際にページを見て崩れがないかを確認したほうがいい。\n\n拡張機能について\n\n拡張機能は便利だけど、開発環境の共有ができないので、依存しすぎるのは良くないなあ、と思い直した。",
  "title": "拡張機能で管理していたSCSSをnode.jsで管理するように変更する"
}