我是一個苦b的程式員，今晚加班到快通宵了，困得快睜不開眼了，女上司很關心，問我要不要吃宵夜，我沒好氣地說，宵夜就算了，能讓我睡一覺就行了，女上司紅著臉說了句討厭啊，然后坐在我身邊不動，好像距離我很近，搞得我很緊張，難道她發現我的程式出了bug？
今天分享的是vue專案中的打包方式：
一、使用vue-cli腳手架生成的專案
二、使用webpack
那么就讓我們步入正題
第一種：
vue create app生成專案的目錄：
我們可以看到使用腳手架生成的專案是沒有config檔案夾的，那么就需要我們在根目錄下創建一個vue.config.js的檔案 而且檔案的名稱一定要是vue.config.js
創建好檔案之后在檔案里添加一下代碼：
第二種：
使用webpack
創建好專案之后我們可以看到會有一個config的檔案夾
直接修改assetsPublicPath欄位
配置完后之后就開始我們的打包環節
打開專案根目錄的package.json的檔案夾 script腳本的build欄位
現在執行npm run build 會把src下的所有代碼一塊打包
那我想指定目錄打包怎么辦？
這邊簡單介紹幾個打包的配置項
--target lib 指定打包目錄
--name 打包后的檔案名字
--dest 打包后的檔案夾名稱
接下來執行npm run build 生成我們打包后的檔案，然后部署上線 但是需要注意的一點是只要我們的專案做了修改，都需要重新執行npm run build重新打包
深夜我坐在電腦前一邊喝水一邊苦苦檢查bug，一番研墨擬紙，并點上上好檀香，定神片刻，潑墨揮毫，鄭重地寫下一行字：hello world！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/400589.html
標籤：其他