前端Gradle插件使用教程

前端Gradle插件使用教程

frontend-gradle-pluginAll-in-one Gradle Node/NPM/PNPM/Yarn plugin to build Javascript applications: package manager activation with Corepack, built-in tasks, additional task types.项目地址:https://gitcode.com/gh_mirrors/fr/frontend-gradle-plugin

项目介绍

frontend-gradle-plugin 是一个全功能的Gradle插件，用于构建基于Node.js的JavaScript应用程序。该插件支持通过Corepack激活的包管理器，如npm、pnpm和Yarn。它借鉴了Maven的Frontend插件的理念，旨在提供一个无缝集成的前端构建工具。

项目快速启动

安装插件

在你的build.gradle文件中添加以下代码来安装插件：

plugins {
    id "org.siouan.frontend-gradle-plugin" version "6.0.0"
}

配置插件

配置插件以使用特定的包管理器和Node.js版本：

frontend {
    nodeVersion = '16.14.0'
    packageManager = 'yarn'
}

运行任务

使用以下命令来安装依赖并运行你的前端应用：

./gradlew installFrontend
./gradlew runFrontend

应用案例和最佳实践

构建NPM应用

frontend {
    nodeVersion = '16.14.0'
    packageManager = 'npm'
}

构建PNPM应用

frontend {
    nodeVersion = '16.14.0'
    packageManager = 'pnpm'
}

构建YARN应用

frontend {
    nodeVersion = '16.14.0'
    packageManager = 'yarn'
}

典型生态项目

集成Spring Boot

该插件可以与Spring Boot项目集成，构建一个包含前端和后端的完整应用。以下是一个示例配置：

frontend {
    nodeVersion = '16.14.0'
    packageManager = 'yarn'
}

bootWar {
    from('dist') {
        into 'static'
    }
}

通过这种方式，你可以将前端构建输出集成到Spring Boot的WAR文件中，实现一个完整的全栈应用。

---

以上是基于frontend-gradle-plugin的详细使用教程，涵盖了项目介绍、快速启动、应用案例和最佳实践以及典型生态项目。希望这些内容能帮助你更好地使用和集成该插件。

frontend-gradle-pluginAll-in-one Gradle Node/NPM/PNPM/Yarn plugin to build Javascript applications: package manager activation with Corepack, built-in tasks, additional task types.项目地址:https://gitcode.com/gh_mirrors/fr/frontend-gradle-plugin