1. 程式人生 > >【vue】餓了麽項目-使用webpack打包項目

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

pat 命令 顯示 項目文件 過程 文件 分享 根目錄 log

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

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