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