Sass:変数+%でプロパティ値をビルドするとWARNINGが出る Sassのビルド時にいつの間にか以下のWARNINGが出ていることに気付いた。 DEPRECATION WARNING on line 000 of ***_common.scss: #{} interpolation … ゴトーハック2017.09.08 719
Gruntで複数ディレクトリのSassを管理する 1つのGruntfile.jsで複数の別ディレクトリのSassを管理したい場合のGruntfile記述メモです。 config.rbファイルはディレクトリ分必要です。 構成例 /gruntfile.js /config.… haradaハック2015.08.19 503
Gruntの基礎おさらい WebStormをベースに、Gruntを用いてSassを利用していますが、どのようにしてSassまで行き着いているのか改めて仕組みをおさらいします。 GruntでSassを動かすために、プロジェクトフォルダごとに下記3点… ゴトーハック2015.01.23 374
GruntでCSS圧縮を行う Gruntはすでに利用できることを前提とします。 ターミナルでプロジェクトのディレクトリを開き、GruntのCSS圧縮を行うプラグインをインストールする。 npm install grunt-contrib-cssmin… ゴトーハック2014.12.11 721
AipoのCSSコーディング環境(Grunt/Sass/Compass)のおさらい Grunt/Sass/Compassとは何なのか、どのように設定され動いているのかを社内向けにおさらいの意味で記します。 Gruntとは node.jsで動くタスクランナー(監視自動実行プログラム) できること Sass… ゴトーハック2014.12.09 281
Webstormでプロジェクトを複製するときは「Gruntfile.js」も複製する プロジェクトを複製するときに、package.jsonを複製して配置するのは行っていましたが、Gruntfile.js自体がGruntでの設定ファイルになるので、階層が変わらない時はこちらも同じものを置く必要があります。… Yukimi Satoハック2014.12.08 288
MacOSのWebStormでGrunt環境をつくる WebStormはインストールされており、既存プロジェクトのGruntfileを流用することを前提としています。 Homebrewのインストール パッケージ管理システム Homebrew こちらの「3. Homebrew… ゴトーハック2014.12.02 368
【WebStormでSassを使おう】3:Grunt実行とSassの編集 前回まででGruntのプラグインを入れ設定まで行いました。 Gruntの実行 WebStorm画面下の「Grunt」を開いてください。 もし表示されていない場合はプロジェクトビューからGruntfile.jsを右クリック… ゴトーハック2014.11.27 216
【WebStormでSassを使おう】2:Gruntプラグインのインストールと設定 前回まででプロジェクトにGruntの基本パッケージをインストールしました。 下記コマンドでGrunt用プラグインをインストールします。 量が多いので多少時間がかかります。 npm install grunt-contri… ゴトーハック2014.11.26 215