前兩天項(xiàng)目上線，用vue-cli npm run build命令打包，打包完成后我擦嚇了一跳，15M。本來(lái)暫時(shí)不打算優(yōu)化的，但是每次看著部署包這么大，想想還是先優(yōu)化一下，讓包好看點(diǎn)，免得以后出現(xiàn)心理陰影！

在網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)過(guò)程中，需要針對(duì)客戶的行業(yè)特點(diǎn)、產(chǎn)品特性、目標(biāo)受眾和市場(chǎng)情況進(jìn)行定位分析，以確定網(wǎng)站的風(fēng)格、色彩、版式、交互等方面的設(shè)計(jì)方向。創(chuàng)新互聯(lián)還需要根據(jù)客戶的需求進(jìn)行功能模塊的開發(fā)和設(shè)計(jì)，包括內(nèi)容管理、前臺(tái)展示、用戶權(quán)限管理、數(shù)據(jù)統(tǒng)計(jì)和安全保護(hù)等功能。

　　在把 map文件干掉后，發(fā)現(xiàn)webpack這打包的速度，也忒感人了。在進(jìn)行不自動(dòng)生成 map文件設(shè)置時(shí)，有看到webpack自帶的productionGzip功能，索性就一次性一起鼓搗鼓搗。

下面是瞎鼓搗歷程，差點(diǎn)就鼓搗不出來(lái)了。

　　1、在項(xiàng)目 根目錄config/index.js中build內(nèi)找到productionGzip: false，把false改為true。與 productionSourceMap 剛好相反。

　　

屬性值修改后，這個(gè)時(shí)候可以執(zhí)行 npm run build。但是會(huì)報(bào)錯(cuò)，提示找不到 "Cannot find module 'compression-webpack-plugin'"

　　

　　2、也就是說(shuō)需要安裝依賴compression-webpack-plugin 官方推薦的命令是：(但是網(wǎng)不好的話就涼涼了)

npm install --save-dev compression-webpack-plugin //在沒(méi)有給定版本號(hào)時(shí)該命令默認(rèn)安裝最新版compression-webpack-plugin，問(wèn)題恰恰就出在這

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)名稱：解決vue-cliwebpack打包開啟Gzip報(bào)錯(cuò)問(wèn)題-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/gssoi.html