1、打包前的配置工作
1.1、使用vue自帶的打包工具(vue-cil)
配置vue.config.js文件
打開
vue.config.js文件修改參數(shù)，如果項目的目錄中沒有vue.config.js文件，那么需要自建一個配置文件；在根目錄src下創(chuàng)建文件即可。需注意文件名稱必須是vue.config.js，然后在文件中寫入代碼。
// 打包配置文件
module.exports = {
assetsDir: 'static',
parallel: false,
// 默認
// publicPath: '/',
// 打包時使用
publicPath: './',
};
???????
配置router/index.js文件
const router = new VueRouter({
// 默認
// mode: 'hash',
// 打包時使用
mode: 'history',
routes
});
以上的配置不能混淆，混淆會報錯。默認配置針對的是本地啟動項目，如果本地啟動使用了打包時的配置直接報錯。如果打包時使用了默認配置，那么打包的代碼也不能正常使用，可能報錯或者頁面空白，頁面空白但不報錯的情況也會發(fā)生?？傊渲眯枰灰粚灰幸粋€地方不對應就會出問題。
1.2、使用webpack工具打包
需要在
config中的index.js文件里面把assetsPublicPath: '/'改為assetsPublicPath: './'。文章來源：http://www.zghlxwxcb.cn/news/detail-769610.html
2、打包
配置完成之后，打開控制臺，輸入打包命令
npm run build開始打包。如果沒有報錯的前提下會生成一個名為dist的文件夾，反過來說就是如果生成dist文件夾，說明打包沒問題。dist文件夾就是我們需要的包，隨后放到服務器部署上線即可。文章來源地址http://www.zghlxwxcb.cn/news/detail-769610.html
到了這里，關(guān)于vue項目的打包方式、生成dist文件夾、publicPath、hash、history、assetsPublicPath的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
