Grunt

Gruntの基礎おさらい

WebStormをベースに、Gruntを用いてSassを利用していますが、どのようにしてSassまで行き着いているのか改めて仕組みをおさらいします。 GruntでSassを動かすために、プロジェクトフォルダごとに下記3点…

GruntでCSS圧縮を行う

Gruntはすでに利用できることを前提とします。 ターミナルでプロジェクトのディレクトリを開き、GruntのCSS圧縮を行うプラグインをインストールする。 npm install grunt-contrib-cssmin…

MacOSのWebStormでGrunt環境をつくる

WebStormはインストールされており、既存プロジェクトのGruntfileを流用することを前提としています。 Homebrewのインストール パッケージ管理システム Homebrew こちらの「3. Homebrew…

GruntでCoffeeScriptをコンパイルする

まずGrunt自体の使い方はこちらを参考にしてください。以降はGruntがすでに使える前提での内用となります。 ファイル構成 以下の構成を前提とします。 project ├js │└index.js ├coffee │└…