From f9d0479b78a4030da1f60c2677a34da2c8cdf6ea Mon Sep 17 00:00:00 2001
From: GiAnG <yelliver@gmail.com>
Date: Tue, 25 Jul 2023 05:49:03 +0800
Subject: [PATCH] Improve Grunt section (#2285)

---
 .../Integrating with Build Tools.md           | 38 +++++++++++++++++--
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/packages/documentation/copy/en/project-config/Integrating with Build Tools.md b/packages/documentation/copy/en/project-config/Integrating with Build Tools.md
index dc291404d9a4..74c2308dc7b2 100644
--- a/packages/documentation/copy/en/project-config/Integrating with Build Tools.md	
+++ b/packages/documentation/copy/en/project-config/Integrating with Build Tools.md	
@@ -74,13 +74,15 @@ More details: [smrq/tsify](https://github.com/smrq/tsify)
 
 ## Grunt
 
-### Install
+### Using `grunt-ts` (no longer maintained)
+
+#### Install
 
 ```sh
-npm install grunt-ts
+npm install grunt-ts --save-dev
 ```
 
-### Basic Gruntfile.js
+#### Basic Gruntfile.js
 
 ```js
 module.exports = function (grunt) {
@@ -98,6 +100,36 @@ module.exports = function (grunt) {
 
 More details: [TypeStrong/grunt-ts](https://github.com/TypeStrong/grunt-ts)
 
+### Using `grunt-browserify` combined with `tsify`
+
+#### Install
+
+```sh
+npm install grunt-browserify tsify --save-dev
+```
+
+#### Basic Gruntfile.js
+
+```js
+module.exports = function (grunt) {
+  grunt.initConfig({
+    browserify: {
+      all: {
+        src: "src/main.ts",
+        dest: "dist/main.js",
+        options: {
+          plugin: ["tsify"],
+        },
+      },
+    },
+  });
+  grunt.loadNpmTasks("grunt-browserify");
+  grunt.registerTask("default", ["browserify"]);
+};
+```
+
+More details: [jmreidy/grunt-browserify](https://github.com/jmreidy/grunt-browserify), [TypeStrong/tsify](https://github.com/TypeStrong/tsify)
+
 ## Gulp
 
 ### Install