資訊專欄INFORMATION COLUMN
摘要：更新今天反復(fù)試了，不用區(qū)分測試環(huán)境還是生產(chǎn)環(huán)境，統(tǒng)一都用就可以了背景之前自己搭建了一個(gè)的后臺(tái)項(xiàng)目，坑很多，其中一個(gè)就是資源加載的方案，由于是后臺(tái)項(xiàng)目，之前一直沒放在心上，看到一些資源優(yōu)化方案后，覺得有必要弄一下。
20180829 更新
今天反復(fù)試了，不用區(qū)分 測試環(huán)境還是 生產(chǎn)環(huán)境，統(tǒng)一都用 cdn 就可以了
背景之前自己搭建了一個(gè) vue + tp5.1 的后臺(tái)項(xiàng)目（https://segmentfault.com/a/11...），坑很多，其中一個(gè)就是資源加載的方案，由于是后臺(tái)項(xiàng)目，之前一直沒放在心上，看到一些資源優(yōu)化方案后（https://juejin.im/post/5a2910...），覺得有必要弄一下。
老版本通過：npm run build 后
可以看到， 文件大小最大的 820kb，即使用 Gzipped 壓縮后也是 219kb，隨著項(xiàng)目不斷變大，這個(gè)值還會(huì)不斷增大
使用CDN加速這里請(qǐng)先參考 https://juejin.im/post/5a2910...，這里只做[email protected]的配置修改
index.html文件
VUE后臺(tái)管理系統(tǒng)
vue.config.js 文件
module.exports = {
baseUrl: process.env.NODE_ENV === "production" ? "./" : "/",
outputDir: process.env.outputDir,
configureWebpack: {
externals: {
vue: "Vue",
vuex: "Vuex",
"vue-router": "VueRouter",
"element-ui": "ELEMENT"
}
}
};
頁面優(yōu)化后
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97113.html
摘要：另外，單頁應(yīng)用因?yàn)閿?shù)據(jù)前置到了前端，不利于搜索引擎的抓取。所以我們需要對(duì)自己的單頁應(yīng)用進(jìn)行一些優(yōu)化。 前言 最近秋招之余空出時(shí)間來按自己的興趣動(dòng)手做了一個(gè)項(xiàng)目，一個(gè)基于vue-cli3.0, vue，typescript的移動(dòng)端pwa，現(xiàn)在趁熱打鐵，將這個(gè)項(xiàng)目從開發(fā)到部署整個(gè)過程記錄下來，并將從這個(gè)項(xiàng)目中學(xué)習(xí)到的東西分享出來，如果大家有什么意見或補(bǔ)充也可以在評(píng)論區(qū)提出。先介紹一下這個(gè)項(xiàng)...
摘要：同時(shí)增加了單元測試，使用了，增加了可視化配置權(quán)限，增加了自定義布局等等，優(yōu)化了原先的權(quán)限方案，支持不刷新頁面更新路由等等功能。雖然它的初衷是為了單元測試的，但正好滿足了我們的需求。它會(huì)重寫瀏覽器的對(duì)象，從而才能攔截所有請(qǐng)求，代理到本地。 前言 vue-element-admin 從 2017.04.17提交第一個(gè) commit 以來，維護(hù)至今已經(jīng)有兩年多的時(shí)間了了，發(fā)布了四十多個(gè)版本，...
摘要：同時(shí)增加了單元測試，使用了，增加了可視化配置權(quán)限，增加了自定義布局等等，優(yōu)化了原先的權(quán)限方案，支持不刷新頁面更新路由等等功能。雖然它的初衷是為了單元測試的，但正好滿足了我們的需求。它會(huì)重寫瀏覽器的對(duì)象，從而才能攔截所有請(qǐng)求，代理到本地。前言 vue-element-admin 從 2017.04.17提交第一個(gè) commit 以來，維護(hù)至今已經(jīng)有兩年多的時(shí)間了了，發(fā)布了四十多個(gè)版本，收獲了三...
閱讀 2977·2021-10-18 13:33
閱讀 849·2019-08-30 14:20
閱讀 2637·2019-08-30 13:14
閱讀 2527·2019-08-29 18:38
閱讀 2898·2019-08-29 16:44
閱讀 1218·2019-08-29 15:23
閱讀 3497·2019-08-29 13:28
閱讀 1921·2019-08-28 18:00
