Grunt
Gruntで複数ディレクトリのSassを管理する
1つのGruntfile.jsで複数の別ディレクトリのSassを管理したい場合のGruntfile記述メモです。 config.rbファイルはディレクトリ分必要です。 構成例 /gruntfile.js /config.…Gruntの基礎おさらい
WebStormをベースに、Gruntを用いてSassを利用していますが、どのようにしてSassまで行き着いているのか改めて仕組みをおさらいします。 GruntでSassを動かすために、プロジェクトフォルダごとに下記3点…GruntでCSS圧縮を行う
Gruntはすでに利用できることを前提とします。 ターミナルでプロジェクトのディレクトリを開き、GruntのCSS圧縮を行うプラグインをインストールする。 npm install grunt-contrib-cssmin…AipoのCSSコーディング環境（Grunt/Sass/Compass)のおさらい
Grunt/Sass/Compassとは何なのか、どのように設定され動いているのかを社内向けにおさらいの意味で記します。 Gruntとは node.jsで動くタスクランナー（監視自動実行プログラム） できること Sass…
Webstormでプロジェクトを複製するときは「Gruntfile.js」も複製する
プロジェクトを複製するときに、package.jsonを複製して配置するのは行っていましたが、Gruntfile.js自体がGruntでの設定ファイルになるので、階層が変わらない時はこちらも同じものを置く必要があります。…MacOSのWebStormでGrunt環境をつくる
WebStormはインストールされており、既存プロジェクトのGruntfileを流用することを前提としています。 Homebrewのインストール パッケージ管理システム Homebrew こちらの「3. Homebrew…【WebStormでSassを使おう】3：Grunt実行とSassの編集
前回まででGruntのプラグインを入れ設定まで行いました。 Gruntの実行 WebStorm画面下の「Grunt」を開いてください。 もし表示されていない場合はプロジェクトビューからGruntfile.jsを右クリック…