Angular2常用命令


一、常用命令

1.1 npm config list配置項目

  可進行相關代理配置,通常可以配置在網絡環境較差的情況下,配置相關代理。相關的設置命令如圖:

1.2 ng 新建啟動項目

  ng new project 新建項目   npm install 安裝項目需要的包   ng serve啟動項目    
 ng generate 生成相關文件

  常見的有以下文件格式

  比如生成一個User的組件就可以利用命令:

ng g c User

 

1.3 打包編譯相關命令

ng serve --prod --aot 最小化打包啟動 ng build --prod --aot 編譯打包 ng test 測試用例

 這里--prod參數后,angular-cli會把用不到的包都刪掉,而--aot參數是讓angular-cli啟動預編譯特性。

 二、使用命令碰到的問題

2.1 使用ng build 進行打包的時候,在工程目錄下會生成dist的文件夾,控制台提示failed to load resource。相關js等文件路徑問題。

解決方案:

1.修改index.html中的base href #在index.html頁面里頭將base href路徑進行修改 2.使用ng build --base-href ./   #用該命令進行打包
3.在package.json中修改build命令  

方案3的解決方案:

在package.json 文件的scripts中添加命令
"build":"ng build --base-href ./" 
./可以替換成打包的路徑,最后執行:
npm run build

2.2 打包越打越大問題

項目都完整之后,接下來就是令人頭疼的打包問題。第一步在項目根目錄下運行ng build(為了方便大家對比,所以先運行此命令),如下:

其次在運行ng build --prod --aot,截圖如下:

這里--prod參數后,angular-cli會把用不到的包都刪掉,而--aot參數是讓angular-cli啟動預編譯特性。最后angular-cli會在項目根目錄下生成一個dist目錄,里面就是編譯,壓縮好的文件……此時你只需要將其紅色方框內圈中的.js文件,發布到服務器上即可,或者也可將.gz發布上去。這樣就可以了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM