沒有dist文件夾上的源代碼的angular2 webpack生產項目

Question

我正在使用帶有typescript和angular-cli的angular 2的Web應用程序。 我想在服務器上進行測試，但不想上傳源代碼，然后嘗試使用命令“ ng build --prod”。 我看到.map文件仍在該文件夾中，並且刪除了所有.map文件，並將該文件夾上傳到服務器上。當我在chrome上打開開發工具時，我看到了TypeScript的源代碼。 我沒有刪除的文件是.gz文件。 我的問題是在沒有帶webpack的打字稿代碼的情況下構建生產項目的正確方法是什么？

對不起，我的英語說得不好。 而且我不知道我是不是用正確的方式描述我的家伙。

我想要的是不向激活開發人員模式的任何人顯示我的TypeScript代碼。

Answer 1

我不確定您的意思是“構建沒有打字稿代碼的生產項目”。

當您使用ng build構建項目時，它將所有打字稿編譯為js並最小化。 例如，這是ng build的輸出（請注意，這里沒有打字稿文件）：

如您所述，您還可以使用-prod將環境生產值設置為true，並為您提供一個更小，更優化的構建。 如果您只想在瀏覽器中測試您的應用，則可以使用ng serve或ng serve -prod 。