gruntjs - 构建过程 - MEAN(Mongo、Express、Angular、Node)堆栈的最佳实践？

Question

我正在 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文件并对其进行丑化4. 删除作为 npm 和 Bower 命令的一部分复制的所有 dist 文件。5.替换index html中的script标签，使其指向上面连接并丑化的js。6.启动节点服务器

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

Answer 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。它具有您想要执行的大部分操作并且运行良好。