既にNode-sassが導入されているプロジェクトをDart-sassに移行する

1. Node Sass アンインストール

npm uninstall node-sass

2. Sass インストール

npm install sass

3. スクリプトの確認 package.json内のscriptsセクションで、Sassのコンパイルに関するスクリプトがnode- sassからsassに変更されていることを確認

  "scripts": {
    "compile:sass": "sass src/sass/style.scss html/wp-content/themes/rikaon/assets/torishin/css/style.css --style compressed",
    "watch:sass": "nodemon -e scss -x \"npm run compile:sass\"",
    "dev": "npm-run-all --parallel watch:sass compile:sass"
  },...

※nodemonのインストール

npm install nodemon --save-dev

4. インポートステートメントを更新

例：

// 以前
@import 'variables';

// 更新後
@import 'variables.scss';

例２：

// 以前
@function pc_vw($size, $viewport: 1920) {
  $rate: 100 / $viewport;
  @return $rate * $size * 1vw;
}

// 更新後
@function pc_vw($size, $viewport: 1920) {
  $rate: calc(100 / $viewport);
  @return $rate * $size * 1vw;
}