目錄
一、相關配置
情況一（使用的工具是 vue-cil）
情況二（使用的工具是 webpack）
二、打包
一、相關配置
情況一（使用的工具是 vue-cil）
如果是用 vue-cli 創建的專案，則專案目錄中沒有 config 檔案夾，所以我們需要自建一個組態檔；在根目錄 src 下創建檔案 vue.config.js，需注意檔案名稱必須是 vue.config.js，然后在檔案中插入以下代碼：
//打包組態檔
module.exports = {
assetsDir: 'static',
parallel: false,
publicPath: './',
};結構如下：
情況二（使用的工具是 webpack）
如果使用的是 webpack，則直接在 config 中 index.js 檔案下修改 webpack 配置：
assetsPublicPath: './'結構如下：
二、打包
配置完成之后，調起控制臺，輸入打包命令 npm run build 開始打包；
成功后會有如下提示；
且會在專案目錄自動生成 dist 檔案夾；
dist 檔案夾就是我們需要的包，隨后放至服務器部署上線即可；需要注意打包之后無論在專案中做了何種修改，都需要 npm run build 重新打包，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/398702.html
標籤：其他