构建过程 - MEAN(Mongo,Express,Angular,Node)堆栈的最佳实践?

时间:2014-04-20 11:28:40

标签: gruntjs mean-stack

我正在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.连接所有js文件并对其进行uglify 4.删除作为npm和bower命令的一部分复制的所有dist文件。 5.替换索引html中的脚本标记以指向上面的连接和uglified js。 6.启动节点服务器

这是正确的做法吗?步骤1和2可以用咕噜声实现吗?我可以用什么grunt模块来实现第3步呢?

2 个答案:

答案 0 :(得分:0)

你可以用grunt(或gulp)完成所有这些步骤,还有一些着名的包可以做你所说的。

3-1。 grunt-contrib-concat

3-1。 grunt-contrib-uglify

  1. grunt-contrib-clean

  2. 我认为有些grunt-module正在为我做这件事,但我不知道

  3. 您可以使用grunt启动服务器,但在生产中我认为使用永远,pm2等工具会更好。

  4. 我的建议是与yeoman(angular-fullstack generator)进行虚拟项目,并查看它生成的巨大而有用的Gruntfile.js。它拥有您想要做的大部分操作并且运行良好。

答案 1 :(得分:0)

我认为你可以用grunt和gulp完成所有这些,但另一个有趣的选择是Docker(当然取决于情况)。

如果你使用yeoman meanjs(http://meanjs.org/)生成器,你可以免费获得grunt和docker。