javascript - Grunt - 输出 2 个版本的网络应用程序

Question

我正在学习 Grunt 并试图弄清楚如何创建同一应用程序的 2 个版本。两者的区别在于配置设置。

理想情况下，我希望该过程输出 2 个版本。其中一个 .js 文件中的布尔值设置为 false，另一个设置为 true。我还需要连接和缩小然后文件。

有推荐的方法吗？提前致谢

Answer 1

您可以在您的grunt.initConfig

grunt.initConfig({
    myTask: {
        version1: { ... }
        version2: { ... }
    }
})

然后注册您的默认任务以运行每个版本

grunt.task.registerTask("default", ["myTask:version1", "myTask:version2"])

或者只是其他一些任务名称，myTaskAllVersions而不是default

您可以使用此版本控制来翻转您的 .js 布尔值，每个版本 1 或 2。

之后可以采取类似的方法来缩小和连接文件，即

grunt.initConfig({
    minify: {
        version1: { ... }
        version2: { ... }
    }
})

和

grunt.task.registerTask("default", ["myTask:version1", "minify:version1"])

Answer 2

您可以使用uglifyjs grunt task完成所有这些工作。

这是 Gruntfile 的配置示例：

grunt.initConfig({
  uglify: {
    app1: {
      files: {
        'dist/app1.min.js': [
          'src/app1.js',
          'src/common.js'
        ]
      }
    },
    app2: {
      files: {
        'dist/app2.min.js': [
          'src/app2.js',
          'src/common.js'
        ]
      }
    }
  }
});