使用 npm grunt 构建前端 Angular 应用程序答案

【问题标题】：Building front-end angular application using npm grunt使用 npm grunt 构建前端 Angular 应用程序
【发布时间】：2016-06-16 18:06:54
【问题描述】：

这是我要问的第一个问题，如果不清楚，请原谅。我也是构建应用程序的新手，我正在使用 grunt 构建 angular js 应用程序。

我的问题是我已经使用如下 grunt 任务完成了构建。所以现在我的“build”文件夹中有所有缩小的 css 和 java 脚本文件。在服务器中部署 app("build") 时。 1）我是否需要在“构建”中拥有所有节点模块 2）如果是，我该如何进入构建 3) “build”或“dist”到底应该包含什么？

  grunt.registerTask('default', ['jshint','concat','ngAnnotate','uglify','htmlmin','copy','connect','watch']);

【问题讨论】：

标签： javascript angularjs build npm gruntjs

【解决方案1】：

Grunt 是一个任务运行器，它可以让你的很多工作变得非常容易，比如连接、缩小等。

作为标准，此过程将包含三个文件夹 - 建造 - 分布 - 源代码

src: 这个文件夹将包含您所有的源文件，这是开发人员编写代码的地方。为了便于开发和模块结构，将组织此文件夹中的文件。

我们必须将我们的代码部署到连接、缩小、注释等的服务器，以获得更好的性能和特定于项目的各种原因。 Grunt 任务用于将 src 文件夹中的文件转换为可部署的代码。

dist: 这是所有作为 grunt 任务输出的文件所在的文件夹。这是将转到服务器的文件夹。

build 此文件夹将包含所有用于 grunt 任务的文件。例如：grunt.js、package.json、node_modules 等

只有 dist 文件夹会转到服务器。没有别的。

【讨论】：

【解决方案2】：

Node 模块仅由开发服务器和所有客户端工具等使用。构建版本将包含以下内容：scripts.js（您的 JavaScript 文件，即 Angular 应用程序） ) index.html 和一些 css 文件。

【讨论】：