如何使用 grunt 制作可部署的包/文件夹？

Question

当使用 Java（和 Maven）开发程序时，我得到一个文件夹“目标”，我需要的所有文件（程序的 *.jar 和资源）都在一个地方。这样部署起来很舒服。

现在我正在开发一个网站。因为我正在使用 grunt，所以我想知道是否有类似的东西，所以我可以输入 grunt build 或类似的东西，然后 grunt 会复制我缩小的 js/css 文件和资源（html、图像、... ) 到目标目录。

这样我在服务器上需要的所有文件都在一个地方，但对于服务器“不必要”的文件（如未缩小的 js 文件）则不在。

Answer 1

这是 Grunt 和 Gulp 等工具的一个非常常见的用例；在编译 JavaScript、LESS / SCSS、CoffeeScript、图像压缩等时，您希望它位于一个目录中。

通常在前端项目中，它们被编译到dist 或dest 文件夹中。

但是 - grunt 完全由您的配置运行。如果您愿意，您当然可以将所有资产编译到target 目录中——随心所欲。在 Grunt 中，这通常是这样配置的：

js: {
    minify: {
        dest: "target/js"
    }
}