はなゐろぐ

主に技術関係の覚え書きです。

gulp-pleeeaseで依存パッケージのCSSをimportする

2018年4月23日

Normalize.cssをnpmでインストールして、それをsassでimportしようとしたけど、探してもそのものズバリな記事が出てこなかったのでメモ。

パッケージをインストールする。

$ npm install --save-dev normalize.css

gulp-pleeeaseのオプションにimport: 'node_modules/'を追加する。

gulpfile.js
var pleeease = require('gulp-pleeease');
// 中略
.pipe(pleeease({
  import: 'node_modules/'
}))

あとは、node_modules/からの相対パスで読み込みたいCSSファイルをimportするだけ。

style.scss
@import "normalize.css/normalize.css";

追記(2018.5.3)

gulp-sassでも問題なかった…。一応メモ。

gulpfile.js
.pipe(sass({
  outputStyle:'compressed',
  includePaths: [
    'node_modules'
  ]
}))