這篇文章將為大家詳細(xì)講解有關(guān)vue-cli怎樣打包上線，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

羅平網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

以vue創(chuàng)建的官方例子為例子，我們在開發(fā)環(huán)境的時(shí)候會 npm run dev ，生成

而想要打包成一份很簡單， 只需要 npm run build 這個(gè)命令

這兩種命令的配置文件在config的index.js 一種是build 一種是dev ，而我們想要在本地查看打包后的成果，需要在assetsPublicPath 改變它的路徑， 具體為什么，可以看index.html引入的文件路徑

之后只需要放在服務(wù)器上運(yùn)行就好了。

*常用技巧

1.如果在config -> index.js 中的 build 代碼中的 productionSourceMap的值設(shè)為false ，打包后文件體積可以減少百分之八十

2.如果設(shè)置build文件夾下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置參數(shù)添加hash: true，即會使打包生成的index.html中的js和css路徑帶有？+隨機(jī)字符串，也就是版本控制

關(guān)于“vue-cli怎樣打包上線”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。