vue build是Vue框架提供給我們進行項目打包的一款工具,他會把我們開發時使用的各種源代碼文件和資源文件進行優化、編譯和壓縮,最終生成適合部署上線的靜態文件。
在Vue build執行的最后階段,我們可以看到它會輸出以下信息:
DONE Compiled successfully in 3213ms ?? App running at: - Local: http://localhost:8080/ - Network: http://192.168.0.102:8080/ Note that the development build is not optimized. To create a production build, run npm run build.
以上的信息告訴我們Vue build的執行成功,并展示了我們可以通過哪個地址來本地訪問我們編譯好的應用程序。
值得注意的是,在本地開發時我們并不是在生產環境下執行的Vue build,因此以上信息中明確告訴我們在開發階段使用的是未被優化的development build,并提醒我們需要在執行生產環境的build前進行一些必要的優化。
比如,在開發環境中我們可能會為了方便調試而使用了大量的console.log語句,這些語句會對我們的應用性能造成影響,因此在生產環境中我們應該把這些語句全部刪掉,以提高應用的性能。
另外,我們可以根據具體情況對不同的資源文件進行優化,比如我們可以壓縮圖片、對CSS文件進行壓縮等,以進一步提高應用的性能。
總的來說,Vue build是我們在進行Vue項目開發時必不可少的一款工具,他不僅可以幫助我們編譯與優化源代碼,還能幫助我們進行打包,并在最后一步提醒我們進行一些必要的優化,以確保我們的應用在生產環境下能夠達到最佳的性能表現。