ここからClosure Stylesheets 1.5.0のclosure-stylesheets.jarをダウンロードしました。
EclipseのJavaScriptプロジェクト内でClosure Compilerを使う-p--qのClosure Compilerと同じ~/bin/compiler-latestフォルダに移動させました。
EclipseでgssファイルをCSSエディタで開くようにする
Window ー＞ Preferences。
General ー＞ Content Types ー＞ Text ー＞ CSS。
Addボタンをクリックして*.gssを追加します。
これでgssファイルがCSSエディタで開くようになります。
cssファルダ内のcssファイルとgssファイルを1つのcssファイルに変換するMakefile
EclipseのJavaScriptプロジェクト内でClosure Compilerを使う-p--q
ここで作ったMakefileにclosure-stylesheetsの働きを追加しました。
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 31 32 33 34 35 36 37 38 39 40 41 42 43 |
# プロジェクトフォルダへの相対パス。PROJECT_HOME=..# closure-compilerへの絶対パス。COMPILER=~/bin/compiler-latest/closure-compiler-v20190513.jar# closure-stylesheetsへの絶対パス。STYLSHEETS=~/bin/compiler-latest/closure-stylesheets.jar# closure-compilerのオプション。COMPILERFLAGS=--language_out ECMASCRIPT_2015 --isolation_mode IIFE --compilation_level ADVANCED# 出力ファイル名にはEclipseプロジェクト名を小文字化したものを使う。MODULE_NAME=$(shell echo $(PROJECT_NAME) | tr A-Z a-z)# JS出力フォルダ。OUT_MINIFIED=$(PROJECT_HOME)/minified# closure-stylesheetsのオプション。STYLSHEETSFLAGS=DELRECURSIVE=rm -rfMKDIR=mkdir -pJAVA_JAR=java -jarSCRIPT=$(PROJECT_HOME)/scriptCSS=$(PROJECT_HOME)/cssJS_SRCS:=$(wildcard $(SCRIPT)/*.js)CSS_SRCS:=$(wildcard $(CSS)/*.css)GSS_SRCS:=$(wildcard $(CSS)/*.gss)# Targets.PHONY: ALLALL : $(MODULE_NAME)$(OUT_MINIFIED)/$(MODULE_NAME).min.js : $(JS_SRCS) -$(MKDIR) $(@D) $(JAVA_JAR) $(COMPILER) $(COMPILERFLAGS) --js $^ --create_source_map $(@D)/$(MODULE_NAME).map --js_output_file $(@D)/$(MODULE_NAME).min.js$(OUT_MINIFIED)/$(MODULE_NAME).css : $(CSS_SRCS) $(GSS_SRCS) -$(MKDIR) $(@D) $(JAVA_JAR) $(STYLSHEETS) $(STYLSHEETSFLAGS) $^ --output-file $(@D)/$(MODULE_NAME).css$(MODULE_NAME) : $(OUT_MINIFIED)/$(MODULE_NAME).min.js $(OUT_MINIFIED)/$(MODULE_NAME).css.PHONY: cleanclean : -$(DELRECURSIVE) $(OUT_MINIFIED)/*.min.js -$(DELRECURSIVE) $(OUT_MINIFIED)/*.map -$(DELRECURSIVE) $(OUT_MINIFIED)/*.css |
0 件のコメント:
コメントを投稿