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