首页
/ Gradle JavaScript 插件使用指南

Gradle JavaScript 插件使用指南

2024-12-24 12:06:02作者:董宙帆

1. 安装指南

Gradle 2.1+

build.gradle 文件中添加以下插件依赖:

plugins {
  id "com.eriwen.gradle.js" version "2.14.1"
}

Gradle 2.0-

对于 Gradle 2.0 以下版本,需要先配置 buildscript

buildscript {
  repositories {
    jcenter()
  }
  dependencies {
    classpath "com.eriwen:gradle-js-plugin:1.12.1"
  }
}

apply plugin: "com.eriwen.gradle.js"

2. 项目使用说明

本项目旨在为 Gradle 构建过程中提供一种简单的方式来管理 JavaScript 文件。以下是一些基本使用示例:

声明源文件

javascript.source {
    dev {
        js {
            srcDir jsSrcDir
            include "*.js"
            exclude "*.min.js"
        }
    }
    prod {
        js {
            srcDir jsSrcDir
            include "*.min.js"
        }
    }
}

合并文件

combineJs {
    encoding = "UTF-8"
    source = javascript.source.dev.js.files
    dest = file("${buildDir}/all.js")
}

压缩文件

minifyJs {
    source = combineJs
    dest = file("${buildDir}/all-min.js")
    closure {
        warningLevel = 'QUIET'
    }
}

压缩文件并 GZip

gzipJs {
    source = minifyjs
    dest = file("${buildDir}/all-min.js")
}

使用 JSHint 进行代码质量检查

jshint {
    source = javascript.source.dev.js.files
    dest = file("${buildDir}/jshint.out")
    reporter = 'checkstyle'
    jshint.options = [expr: "true", unused: "true"]
}

使用 JSDoc 生成文档

jsdoc {
    source = ["${projectDir}/js/file1.js", "${projectDir}/js/file2.js"]
    destinationDir = file("${buildDir}/jsdoc")
}

将 Java 属性文件转换为 JavaScript

props2js {
    source = file("${projectDir}/src/test/resources/test.properties")
    dest = file("${buildDir}/props.jsonp")
    props {
        type = 'jsonp'
        functionName = 'fn'
    }
}

使用 require.js

requireJs {
    source = javascript.source.dev.js.files
    dest = file("${buildDir}/out.js")
    requirejs.buildprofile = new File("src/main/resources/requirejs-config.js")
}

3. 项目API使用文档

请参考以下任务和选项的说明,以便更好地使用项目 API。

combineJs

  • source: 要合并的文件路径集合
  • dest: 合并后输出的文件

minifyJs

  • source: 要压缩的文件
  • dest: 压缩后输出的文件
  • (可选) sourcemap: 源码映射文件
  • (可选) closure.compilationLevel: 编译级别,可选值有 'WHITESPACE_ONLY', 'SIMPLE_OPTIMIZATIONS', 'ADVANCED_OPTIMIZATIONS'
  • (可选) closure.warningLevel: 警告级别,可选值有 'QUIET', 'DEFAULT', 'VERBOSE'
  • (可选) closure.compilerOptions: 编译器选项对象
  • (可选) closure.externs: 文件集合对象

gzipJs

  • source: 要压缩的文件
  • dest: 压缩后输出的文件

jshint

  • source: 要检查的文件
  • dest: JSHint 输出的文件
  • (可选) reporter: 只支持 'checkstyle'
  • (可选) ignoreExitCode: 如果为 false,则 JSHint 发现问题时构建失败
  • (可选) outputToStdOut: 如果为 true,则输出到标准输出而不是文件
  • (可选) jshint.options: 选项映射
  • (可选) jshint.predef: 预定义的全局变量映射

jsdoc

  • source: 要生成文档的文件
  • destinationDir: JSDoc 输出的目录
  • (可选) options.options: 选项数组

props2js

  • source: 要处理的属性文件
  • dest: 输出的目标文件
  • props.type: 'js', 'json', 或 'jsonp'
  • (可选) props.functionName: 包装 JSONP 的函数名

requireJs

  • source: 源 JS 文件
  • dest: 输出 JS 文件
  • (必须声明此选项或 requirejs.options)** requirejs.buildprofile`: 配置文件引用
  • requirejs.options: 选项映射
  • (可选) ignoreExitCode: 如果为 false,则 require.js 运行失败时构建失败
  • (可选) requirejs.impl: r.js 实现文件

4. 项目安装方式

请按照以上安装指南进行项目的安装。确保在 build.gradle 文件中正确配置插件依赖,并根据需要调整任务和选项。如果遇到任何问题,可以查看项目的贡献者信息和相关问题报告。

登录后查看全文
热门项目推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
176
261
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
861
511
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
182
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
259
300
kernelkernel
deepin linux kernel
C
22
5
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
596
57
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
371
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
332
1.08 K