会社のWebデザインがどんな感じで進んでいるか確認してくて、どうやらgulpを使ってるっぽいんで
導入して確認しようとしたらなんかエラーが出てきました

$ Error: Cannot find module 'browser-sync'

# 以下を実行
$ npm i browser-sync --save

実行後、今度はまた別のエラーが出てきました

$ Error: Cannot find module 'gulp-sass'

# 以下を実行
$ npm install gulp-sass --save-dev

上のコードを実行後無事に動きました〜

$ gulp sass
[22:43:36] Using gulpfile ~/Web/template/gulpfile.js
[22:43:36] Starting 'sass'...
[22:43:36] Finished 'sass' after 150 ms

gulp触ったのは初めてだったんでよくわかんなかったんですけど、
gulpfile.jsの最初に定義されているモジュール群をインストールすれば動くみたいですね

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

普段はフロント触るときはAngularばっかなので、いい勉強になりました!

参考にした記事

Error: Cannot find module ‘browser-sync’
Error: Cannot find module ‘gulp-sass’

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA