【vue】餓了么項目-使用webpack打包項目


1.vue cli給我們提供了npm run build命令打包項目,在packa.json文件中scripts對象中有build屬性,當我們執行npm run build時,就執行build對應的"node build/build.js"腳本

build完成后顯示

進入項目文件夾,找到dist文件夾,這些是打包后產生的文件

2.webpack打包過程中會將css和js文件單獨提取出來,且會根據path存放進相應的文件夾下,形成如上圖的根目錄,文件名是根據內容產生的哈希值,文件內容改變,哈希值也會改變,項目中static目錄下的文件也會全部拷貝到dist目錄下的static文件下。

3.build后需要使用app server啟動index.html文件,在根目錄下創建文件

 

 

 

不讓別人配置,將sourceMap改為false

 

 

node prod.server.js


免責聲明!

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



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