构建过程 - MEAN（Mongo、Express、Angular、Node）堆栈的最佳实践？答案

【问题标题】：Build process - best practice for MEAN (Mongo, Express, Angular, Node) Stack?构建过程 - MEAN（Mongo、Express、Angular、Node）堆栈的最佳实践？
【发布时间】：2014-04-20 11:28:39
【问题描述】：

我正在 MEAN 堆栈上构建一个 Web 应用程序。我已经拿到了应用的基本骨架，主要部分如下：

app-folder
    public
        js
            app.js
            controllers.js
            directives.js
            services.js
        css
        bower_components
            angular
            bootstrap
            jquery
            <other libraries>
    node_modules
    views
        partials
    tests
        unit-tests
        e2e-tests
    app.js
    Gruntfile.js
    package.json
    bower.json
    karma.conf.js
    e2econf.js

现在，我正在寻找一个可以自动执行所有任务的生产构建过程。这些都是： 1.从github下载存储库 2. 安装所有库（npm install 和 bower install） 3. concat所有js文件并uglify 4. 删除作为 npm 和 bower 命令的一部分复制的所有 dist 文件。 5.将index html中的script标签替换为指向上面拼接丑化的js。 6.启动节点服务器

这是正确的方法吗？可以通过 grunt 实现第 1 步和第 2 步吗？我可以使用哪些 grunt 模块来实现第 3 步？

【问题讨论】：

标签： gruntjs mean-stack

【解决方案1】：

您可以使用 grunt（或 gulp）完成所有这些步骤，也有一些著名的软件包可以按照您所说的进行。

3-1。 grunt-contrib-concat

3-1。 grunt-contrib-uglify

grunt-contrib-clean
我认为某些 grunt-module 正在为我执行此操作，但我不知道
您可以使用 grunt 启动服务器，但在生产中我认为最好使用类似 forever、pm2 等工具。

我的建议是用 yeoman (angular-fullstack generator) 做一个虚拟项目，看看它生成的巨大而有用的 Gruntfile.js。它具有您想要执行的大部分操作并且可以完美运行。

【讨论】：

【解决方案2】：

我认为你可以使用 grunt 和 gulp 完成所有这些，但另一个有趣的选择是 Docker（当然取决于具体情况）。

如果您使用 yeoman meanjs (http://meanjs.org/) 生成器，您将免费获得 grunt 和 docker。

【讨论】：