如何从命令行向npm和grunt传递参数？ 通过grunt命令的输出通过npm命令的输出附加说明：

如何解决如何从命令行向npm和grunt传递参数？ 通过grunt命令的输出通过npm命令的输出附加说明：

我正在尝试使工作流程中的某些过程自动化，为此，我需要使用一些变量来控制我正在工作的环境。

我将从一个简单的示例开始，该示例是创建新文件夹并复制一些样板文件的命令。为此，我使用了npm和grunt，如下所示：

package.json

"scripts": {
  "new": "grunt new --target
},

grunt.js

module.exports = function (grunt) {
  const target = grunt.option('target');
  console.log('Target: ',target);

  grunt.config.set('copy',{
    new: {
      files: [{
        expand: true,cwd: 'assets/zip',src: '*.zip',dest: 'projects/',}]
    },});
}

我正试图这样称呼它：

npm run new --target:my-folder-name

这只是一个简单的示例，我正在运行其他脚本，例如解压缩文件，重命名，复制，处理scss等...

我期望的任务是运行将文件复制到名为my-folder-name的文件夹中，但是没有实现。控制台正在打印true，而不是文件夹名称。

我需要怎么做才能将参数传递给脚本？

解决方法

假设我们的人为设计的目录结构如下：

.
├── Gruntfile.js
├── assets
│   └── zip
│       ├── file1.zip
│       ├── file2.zip
│       └── file3.zip
├── node_modules
│   └── ...
└── package.json

然后考虑以下使用grunt-contrib-copy的 Gruntfile.js 示例：

Gruntfile.js

module.exports = function(grunt) {

  const target = grunt.option('target') || 'foobar'; // default dir is `foobar`.

  grunt.loadNpmTasks('grunt-contrib-copy');


  grunt.initConfig({
    copy: {
      zips: {
        files: [{
          expand: true,cwd: 'assets/zip',src: '*.zip',dest: 'projects/' + target
        }]
      }
    }
  });

  grunt.registerTask('copy-zips',[ 'copy:zips' ]);

};

通过grunt命令的输出。

1. 如果我们cd到项目目录并运行以下grunt命令：

   grunt copy-zips
   

   以下文件夹（projects/foobar）在项目目录的根目录中创建。

   结果示例A

   .
   ├── ...
   └── projects
       └── foobar
           ├── file1.zip
           ├── file2.zip
           └── file3.zip
   

   注意，已创建默认的foobar文件夹，其中包含*.zip文件的副本。该文件夹被命名为foobar，因为我们没有通过命令行提供参数。

2. 接下来，如果我们再次cd到项目目录并运行以下grunt命令：

   grunt copy-zips --target=my-folder-name
   

   以下文件夹（projects/my-folder-name）在项目目录的根目录中创建。

   结果示例B

   .
   ├── ...
   └── projects
       └── my-folder-name
           ├── file1.zip
           ├── file2.zip
           └── file3.zip
   

   注意这次是创建my-folder-name文件夹，其中包含*.zip文件的副本，因为我们提供了--target=my-folder-name参数/选项。

通过npm命令的输出。

首先，我们在项目 package.json 中配置scripts部分，如下所示：

package，json

{
  ...
  "scripts": {
    "copy-zips": "grunt copy-zips"
  },...
}

1. 如果我们cd到项目目录并运行以下npm命令：

   npm run copy-zips
   

   我们得到与上述结果示例A 部分所示的结果相同的结果。

2. 接下来，如果我们再次进入项目目录并运行以下npm命令：

   npm run copy-zips -- --target=my-folder-name
   

   我们得到与上述结果示例B 部分中所示的结果相同的结果。

   注意：--和参数npm run copy-zips之间的附加--target=my-folder-name选项。

   npm docs描述了--选项，如下所示：

   从npm@2.0.0开始，您可以在执行脚本时使用自定义参数。 getopt使用特殊选项--来分隔选项的结尾。 npm会将--之后的所有参数直接传递给您的脚本：

---

附加说明：

如果您不想在my-folder-name文件夹中创建projects文件夹，而是想在项目目录的根目录中创建my-folder-name文件夹，那么您可以按如下所示在dest任务中重新定义copy属性：

Gruntfile.js

  // ...

  grunt.initConfig({
    copy: {
      zips: {
        files: [{
          expand: true,dest: target // <-----
        }]
      }
    }
  });

  // ...

运行相同的命令：

npm run copy-zips -- --target=my-folder-name

产生以下结果：

.
├── ...
└── my-folder-name
    ├── file1.zip
    ├── file2.zip
    └── file3.zip