1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

gulpでsassとbabel環境構築(nodeインストールから)

Last updated at Posted at 2020-01-13

gulpセットアップ

自分用メモなので、大まかな手順のみ。
作業詳細はリンクの各記事を参照。
環境構築を一から行ったことがない人向け(自分!)

作業環境

macOS 10.14.6

手順

  1. node.jsインストール
    nodeのバージョン管理をするため、下記記事を参照しインストール
    MacにNode.jsをインストール

  2. gulp-sass設定

  3. gulp-babel設定
    Babel

  4. Autoprefixer設定
    Autoprefixer

参照

絶対つまずかないGulp 4入門(2019年版) インストールとSassを使うまでの手順

gulp3→4の変更点に気をつけよう!

意味のない感想

自分の投稿見返したら、ほぼ一年前にnpmでwebpack環境構築に手をつけてた、、
けど現在実業務ではgulpで色々ごにょごにょしているのでgulp使い方復習&gulp4の書き方覚えようてことでまずはsassとbabelの設定やってみた。

昨年末はphpとDBの基本だけやったので、Laravel・Vueで開発できる環境構築できればな、、というところ。
手を出しすぎると意味わからなくなるので、少しずつ着実にやっていこう。っていう。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?