気になる

アフェリエイト旅行

自動車

家庭菜園

« Bracketsエディタ 拡張機能 2018 | トップページ | 設定:チューチューマウスもどきを Winにさせる »

2018/05/27

Sacc を Win上で使う為に、コンパイルを Gulp にさせる (起動はバッチファイルにさせる)

Saccの利用を今更ながら始めようとしたら・・
未だにWinだとscssをcssにコンパイルしてくれるソフトが見つからず。

しょうがないので、Gulpを設定。

グローバルでインストするよりも、プロジェクトフォルダ単位が良いとの
コメントが多かったので、初期インストールはとあるフォルダにしておいて
実際利用するプロジェクトフォルダごとに「node_modules」フォルダを
シンボリックリンク(mklink /D )貼って、フォルダ専用のgulpfile.jsを
置いて、利用設定としました。

ここまでは設定だから良しとして・・
使い始めると、毎回コマンドプロンプトを起動して→利用フォルダに移動して
→npx gulp と叩く事が面倒にしか思えない。w

「ボタン1つをWクリックで出来たらどんなにか作業が便利だろうに」と旦那様に
お話したら、バッチファイル作ればいいじゃない。とのこと。

で、教えてもらったら
とっても簡単に出来るようになったので、どこかの誰かに向けてメモです。

  1. ディスクトップ上に「startup.bat」という名前のファイルを1つ作ります
  2. その中に、gulp 作業を記述して保存。
  3. あとは、利用したい際にそのファイルをWクリックすればOK。

<startup.bat>
rem 利用フォルダ位置
C:\Users\ユーザ名\myproject
rem タスクを走らせる
npx gulp

これで「gulpfile.js」ファイルに記述している内容が始動します。
なんて便利なんでしょう。w
<バッチファイルの作り方メモ>
  • 各行に、実行したいコマンドを1行ずつ記述
  • コメントは「rem」。(コマンドプロンプト上で表示される)
    コメントは表示させたくない場合は、先頭行に「@echo off」と記述
  • ファイルの編集は、Wクリックでは無くて
    右クリック→編集を選択する。

« Bracketsエディタ 拡張機能 2018 | トップページ | 設定:チューチューマウスもどきを Winにさせる »

PC+モニター+他・電化」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/114130/66765418

この記事へのトラックバック一覧です: Sacc を Win上で使う為に、コンパイルを Gulp にさせる (起動はバッチファイルにさせる):

« Bracketsエディタ 拡張機能 2018 | トップページ | 設定:チューチューマウスもどきを Winにさせる »

google検索

  • Google


    このブログを検索
    ウェブ全体から検索

カテゴリー

ニュース

  • 日経平均(長期)

    株価ミニチャートのブログパーツ
  • 経済指標(発表と内容)へのリンク
    http://jp.investing.com/economic-calendar/
  • 経済指標
  • . . .
  • 日経平均チャート
    by 株価チャート「ストチャ」
  • 株指標
2018年11月
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30