gradle-frontend-plugin

https://plugins.gradle.org/plugin/com.matsuyoido.frontend

Feature

1. sass compile by jsass
2. css minify by YUI Compressor
3. css add prefix by CanIUse and ph-css
4. js minify by YUI Compressor or Google Closure Compiler

Tasks

group: Compile tasks

1. $ gradlew sassCompile
2. $ gradlew cssMinify
3. $ gradlew jsMinify
4. $ gradlew jsMerge

sassCompile

frontend {
    setting {
        // If you want to set encoding. 'windows' or 'linux' or 'mac'
        lineEnding = 'linux'
        // If you want to add prefixer, set values.
        prefixer {
            // specify data.json from https://github.com/Fyrd/caniuse/blob/master/data.json
            // If don't set, download from https://github.com/Fyrd/caniuse/blob/master/data.json to "$rootDir/gardle/plugin/data.json".
            // If download error, used from caniuse-db-1.0.30000748
            caniuseData = file("$rootDir/caniuse/data.json")
            // If set version string(ex. "76" or "all"), specified greater version check css supports & add prefixer.
            ie = ""
            edge = ""
            chrome = ""
            firefox = ""
            safari = ""
            ios = ""
            android = ""
        }
    }
    style {
        scss {
            inDir = file("$projectDir/src/main/sass")
            outDir = file("$projectDir/src/main/resources/static/css")
            // If you compile and minify, set true. 
            enableMinify = true
            // If you want to add prefixer, set true.
            addPrefixer = true
        }
        // you can multiple block `scss`.
        scss {
            inDir = file("$rootDir/resources/vendor")
            outDir = file("$projectDir/src/main/resources/static/css")
        }
    }
}

cssMinify

frontend {
    setting {
        // If you want to set encoding. 'windows' or 'linux' or 'mac'
        lineEnding = 'linux'
        // If you want to add prefixer, set values.
        prefixer {
            // specify data.json from https://github.com/Fyrd/caniuse/blob/master/data.json
            // If don't set, download from https://github.com/Fyrd/caniuse/blob/master/data.json to "$rootDir/gardle/build/data.json".
            // If download error, used from caniuse-db-1.0.30000748
            caniuseData = file("$rootDir/caniuse/data.json")
            // If set version string(ex. "76" or "all"), specified greater version check css supports & add prefixer.
            ie = ""
            edge = ""
            chrome = ""
            firefox = ""
            safari = ""
            ios = ""
            android = ""
        }
    }
    style {
        css {
            inDir = file("$projectDir/src/main/sass")
            outDir = file("$projectDir/src/main/resources/static/css")
            // If you want to add prefixer, set true.
            addPrefixer = true
        }
        // you can multiple block `css`.
        css {
            inDir = file("$rootDir/resources/vendor")
            outDir = file("$projectDir/src/main/resources/static/css")
        }
    }
}

jsMinify

frontend {
    script {
        js {
            inDir = file("$projectDir/src/main/resources/static/js")
            outDir = file("$projectDir/src/main/resources/static/js")
            // If you want to specify minify compiler. 'google' (Default) or 'yahoo'
            type = 'google'
        }
        // you can multiple block `js`.
        js {
            inDir = file("$rootDir/resources/vendor")
            outDir = file("$projectDir/src/main/resources/static/js")
        }
    }
}

jsMerge

frontend {
    script {
        js {
            inDir = file("$projectDir/src/main/resources/static/js")
            outDir = file("$projectDir/src/main/resources/static/js")
        }
        // you can multiple block `js`.
        js {
            inDir = file("$rootDir/resources/vendor")
            outDir = file("$projectDir/src/main/resources/static/js")
        }
    }
}

All Extension

frontend {
    setting {
        lineEnding = 'linux'
        prefixer {
            caniuseData = file("$rootDir/your/fit/version/data.json")
            ie = "all"
            edge = "42"
            chrome = ""
            firefox = ""
            safari = ""
            ios = ""
            android = ""
        }
        // If you want to happen error stop, set value false.(default is true.)
        skipError = false
    }
    style {
        scss {
            inDir = file("$projectDir/your/scss/directory")
            outDir = file("$projectDir/your/css/output/directory")
            enableMinify = true
            addPrefixer = true
        }
        css {
            inDir = file("$projectDir/your/css/directory")
            outDir = file("$projectDir/your/css/output/directory")
            addPrefixer = true
        }
    }
    script {
        js {
            inDir = file("$projectDir/your/javascript/directory")
            outDir = file("$projectDir/your/javascript/output/directory")
            type = 'google'
        }
    }
}

Details

SassCompile

• target: .scss files
• output: .css file
  • If you set enableMinify = true, becomes .min.css file
• fileName: scss file name

cssMinify

• target: .css files
• output: .min.css file
• fileName: css file name

jsMinify

• target: .js files
• output: .min.js file
• fileName: js file name

jsMerge

• target: .js.map files
  • this content is json file.
  • 「key: sources」's value is type of string array and value is js file path.
• output: .min.js file
• fileName: map file name

Bug or Request

please create New Issue in Japanese or English. (Japanese is better...)