- vue-cli打包命令:
npm run build
打包完成后會在項目根路徑下默認(rèn)生成一個名為dist
的目錄矿卑。
此時可以通過npm
安裝靜態(tài)服務(wù)器
serve
運行生成后的項目塌忽。
安裝serve
命令:
npm install serve
運行命令:
serve dist
如果項目放在動態(tài)服務(wù)器
上(例如tomcat缠沈、jetty、weblogic等)且訪問名不想為默認(rèn)的dist
顿涣,則可在項目下找到build
目錄下的webpack.prod.conf.js
文件思恐。在該文件中,找到output
屬性敛惊,添加publicPath
屬性并指定自定義名稱渊鞋,并將生成的dist
目錄更名為相同的自定義名稱即可。
測試時相關(guān)代碼片段:
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
publicPath:'/此處指定自定義訪問名'
}
注意: publicPath中指定的訪問名需要加斜線 / 否則訪問路徑可能出錯瞧挤。
因個人水平有限锡宋,此文僅做個人記錄。