這裡主要是對webpack配置進行專案的**壓縮優化（本文只針對webpack2打包正式環境時配置）
1.首先要對webpack設定node_env
newwebpack.defineplugin(
}),
2.對js壓縮
//這個使用uglifyjs壓縮你的js**
newwebpack.optimize.uglifyjsplugin(,
compress:
}),
3.對css壓縮
在使用loaders時
)},
再使用外掛程式extract-text-webpack-plugin
new extracttextplugin('css/[name]-[hash:8].css')
4.對html壓縮，使用html-webpack-plugin外掛程式
newhtmlwebpackplugin(,
inject: 'body'}),
我的配置，webpack.config.pub.js
var path = require('path');
var webpack = require('webpack');
var htmlwebpackplugin = require('html-webpack-plugin');
var extracttextplugin = require('extract-text-webpack-plugin');
var root_path =path.resolve(__dirname);
var build_path = path.resolve(root_path, 'build');
module.exports =,
output:,
resolve:,
//啟動dev source map，出錯以後就會採用source-map的形式直接顯示你出錯**的位置。
//devtool:'eval-source-map',
//devserver://}
//},
module:},)
},},,}
]},
plugins: [
newwebpack.defineplugin(
}),//這個使用uglifyjs壓縮你的js**
newwebpack.optimize.uglifyjsplugin(,
compress:
}),newhtmlwebpackplugin(,
inject: 'body'}),
new extracttextplugin('css/[name]-[hash:8].css')
]}
首屏優化策略
效能優化是程式開發中乙個永恆的話題，在當前全民 的大環境下，低端機型 弱網環境 頻寬限制依然占有市場很大的份額，前端頁面的快速呈現，不僅影響使用者的使用體驗，對使用者的閱讀深度 停留時長等都有比較深遠的影響。而在前端渲染優化中最重要的乙個是首屏渲染優化。把內容最快的呈現給使用者，提供及時的可互動方式...
Vue首屏載入優化
vue首屏載入優化 單頁面應用的乙個問題就是首頁載入東西過多，載入時間過長。特別在移動端，單頁面應用的首屏載入優化更是繞不開的話題。下面我會寫出我在專案中做的一些優化，希望大家能夠相互討論，共同進步。分析載入慢問題 1.webpack bundle analyzer 分析 首頁我們來看看沒有經過任何...
App首屏介面效能優化
我們服務端rpc框架採用restful，其底層是curl實現的。curl採用http協議的，另外我們服務端的技術棧是php。我們都知道http協議相比較tcp而言，不僅多了http的報頭，php本身效能也是大問題。在不做大重構的情況下，怎麼做最小的修改，完成最大的效能提高。還是很有挑戰性的。針對首屏...