咕噜的第一步

“什么是 Grunt？”

在JavaScript开发中常常使用的构建工具。它是make和rake的JavaScript版本。
Grunt：JavaScript任务运行器在其上公开发布。

你要怎么使用呢？

使用命令行进行操作。使用Node.js的包管理器（npm）进行安装。

事前准备

安装Node.js

巧克力

如果你没有安装Chocolatey，让我们在命令提示符中执行下面的命令。

@powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%systemdrive%\chocolatey\bin

Node.js是一个基于Chrome V8引擎构建的JavaScript运行时环境。

接下来

cinst nodejs.install

在Chocolatey中安装Node.js的包有nodejs和nodejs.install。
nodejs只安装Node.js本身，不安装npm（node.js的软件包管理器命令）。
请指定nodejs.install。

grunt-cli的安装

npm install -g grunt-cli

可能需要以管理员权限启动命令提示符才能正常运行。

我会尝试移动。

这次我们将使用一个名为`grunt-contrib-concat`的grunt插件来合并文件。

创建工作目录 (zuò yè du zi)

创建并切换到工作目录。我们这里假设为”georges”。

mkdir georges
cd georges

创建package.json

package.json 是用于 npm 的项目定义文件。
相当于 Maven 的 pom.xml 或者 bundler 的 Gemfile。

npm init 

执行此操作后，您可以以对话形式进行创建。
在此次操作中，您只需通过按下Enter键来回答所有问题，并创建默认文件。

就是这样的。

{
  "name": "georges",
  "version": "0.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "BSD-2-Clause"
}

安装

安装插件。

npm install grunt-contribe-concat

出现以下警告。这些警告是因为项目描述不完整而显示的。如果只运行grunt，没有问题。可以忽略并继续进行。

npm WARN package.json georges@0.0.0 No description
npm WARN package.json georges@0.0.0 No repository field.
npm WARN package.json georges@0.0.0 No README data

创建Gruntfile.js

我将创建Grunt的配置文件Gruntfile.js。

module.exports = function(grunt) {
    grunt.initConfig({
        concat: {
            dist: {
                src: ['ge.txt', 'or.txt', 'ges.txt'],
                dest: 'georges.txt',
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-concat');
};

在initConfig函数的参数中指定任务。
使用loadNpmTasks函数加载所需的插件。

我去试试看

执行grunt命令时，指定已创建的任务。

grunt concat

如果出现以下提示，表示成功。

Running "concat:dist" (concat) task
File "georges.txt" created.

由于尚未有要合并的原始文件，创建的georges.js文件是空的。

创建原始文件

请准备原始文件并以UTF-8编码创建，以免出现乱码问题，请注意。

　 _ 　∩

(　ﾟ∀ﾟ)彡　おっぱい！おっぱい！

　⊂彡

再执行一次

grunt concat

如果georges.txt文件的内容如下，则表示成功。

　 _ 　∩
(　ﾟ∀ﾟ)彡　おっぱい！おっぱい！
　⊂彡

本次使用的文件

我把本次使用的文件上传到了GitHub进行公开。