目錄

• 一、相關配置
• 情況一（使用的工具是 -cil）
• 情況二（使用的工具是 webpack）
• 二、打包
• 總結

一、相關配置

情況一（使用的工具是 vue-cil）

如果是用 vue-cli 建立的專案，則專案目錄中沒有 config 資料夾，所以我們需要自建一個配置檔案；在根目錄 src 下建立檔案 vue.config.，需注意檔名稱必須是 vue.config.js，然後在檔案中插入以下程式碼：

//打包配置檔案
mwww.cppcns.comodule.exports = {
  assetsDir: 'static',parallel: false,publicPath: './',};

結構如下：

情況二（使用的www.cppcns.com工具是 webpack）

如果使用的是 webpack，則直接在 config 中 index.js 檔案下修改 webpack 配置：

assetsPublicPath: './'

結構如下：

二、打包

配置完成之後，調起控制檯，輸入打包命令客棧npm run build開始打包；

成功後會有如下提示；

且會在專案目錄自動生成 dist 資料夾；

dist 資料夾就是我們需要的包，隨後放至伺服器部署上線即可；需要注意打包之後無論在專案中做了何種修改，都需要npm run build重新打包。

總結

本篇文章就到這裡了，希望能夠給你帶來幫助，也希望您能夠多多關注我們的更多內容!