2017-05-02 75 views
8

當我創建angular-project(ng新項目名稱)時,它會自動在dist文件夾中生成inline.bundle.js,main.bundle.js,polyfills.bundle.js,styles.bundle.js,vender.bundle.js。 我可以在後端使用dist/index.js。 所以我的問題是「Ng4自動構建webpack?」如何使用webpack設置angular 4

+1

Angular4只是一個框架。它不知道建設過程,使用webpack或其他任何東西。你的意思是'angular-cii'?如果是這樣,請相應標記您的問題。即使在這種情況下,「angular-cli」不會自動或以其他方式「構建webpack」,無論如何,它**使用**它。 –

+0

感謝您的回覆@torazaburo,我看過視頻https://www.youtube.com/watch?v=oZBuiqovOZ0,那麼這是什麼概念?實際上,在dist文件夾中,有一些像上面那樣的打包文件,我可以在我的後端項目中使用這些文件,如node.js – Jacobys527

回答

10

當您使用angular-cli創建角度2項目時,項目會自動使用webpack進行構建。

不久前,angular-cli從systemjs更改爲webpack。

如果你想獲得webpack配置文件,你可以使用ng eject。

https://github.com/angular/angular-cli/wiki/eject

編輯基於評論:

。在你的角度對項目沒有的WebPack依賴,因爲角/ CLI對的WebPack的依賴,並會安裝的WebPack爲您服務。如果你檢查你的node_modules文件夾,你會看到那個webpack在那裏。

0

從項目主目錄,運行下命令:

npm run build 

這個命令將創建一個名爲dist文件夾。

在這個文件夾中你會找到你的文件。 編輯文件webpack.config.js以更改webpack放置文件的位置。