使用npm grunt構建前端角度應用程序

Question

這是我要問的第一個問題，如果不清楚，請原諒。 我也是構建應用程序的新手，我正在使用grunt構建angular js應用程序。

我的問題是我已經完成了使用如下艱巨任務的構建。 所以現在我的“ build”文件夾中所有縮小的CSS和Java腳本文件。 在服務器中部署app（“ build”）時。 1）我是否需要在“ build”中包含所有節點模塊2）如果是，我如何進入構建3）“ build”或“ dist”到底應包含什么？

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

Answer 1

Grunt是一個任務執行者，它將使您的許多工作變得非常輕松，例如着色，縮小等。

作為標准，此過程將包含三個文件夾-build-dist-src

src：此文件夾將包含您的所有源文件，這是開發人員在其中編寫代碼的地方。 為了方便開發和簡化模塊結構，將組織此文件夾中的文件。

為了更好的性能和特定於項目的各種原因，我們必須將代碼部署到連接，壓縮，注釋的服務器上。 Grunt任務用於將src文件夾中的文件轉換為可部署的代碼。

dist：此文件夾是grunt任務輸出的所有文件所在的文件夾。 這是將轉到服務器的文件夾。

build此文件夾將保留所有用於grunt任務的文件。 例如：grunt.js，package.json，node_modules等。

只有dist文件夾將進入服務器。 沒有其他的。

Answer 2

節點模塊僅由開發服務器和所有客戶端工具等使用。構建版本將沿scripts.js（您的JavaScript文件，即angular應用程序）vendor.js（所有angular庫）索引行。 html和一些CSS文件。