原创 javascript下條件編譯的實現(基於webpack的js-conditional-compile-loader插件)

條件編譯,是指 用同一套代碼和同樣的編譯構建過程,根據設置的條件,選擇性地編譯指定的代碼,從而輸出不同程序的過程。一般用在C++、Java、C#這樣的編譯執行語言。對於javascript,我們也可以使用基於webpack的js-condi

原创 高性能方案實現ant-design-vue在運行時動態改變主題色(利用webpack-theme-color-replacer)

今天利用webpack-theme-color-replacer插件,爲ant-design-vue實現了在運行時動態切換主題色的功能,無需在頁面進行less的編譯,提升了切換速度。有需要的同學可以參考下。 效果預覽:http://test

原创 webpack自動用svg生成iconfont字體圖標,支持熱重載

之前生成iconfont字體圖標,是用的https://icomoon.io/app/或者是...://www.iconfont.cn/,將UI給的svg圖導入來生成。但是一直有個問題,假如需要再次加入幾個圖標時,又需要重新搞一遍,很麻煩。

原创 一行css代碼輕鬆實現前端響應式佈局(vw+rem)

大家知道rem可以用來做響應式佈局,只是html元素上的font-size樣式需要根據屏幕寬度來指定。 之前有用@media媒體查詢,根據各種屏幕寬度寫html的樣式,也用過類似lib-flexible這樣的js庫動態改變html樣式,總覺