⚡工程化、模塊化與更舒服的用戶腳本開發方式,顯著提升開發體驗 ...
起因
一直以來,我都是直接在瀏覽器 Tampermonkey 擴展頁面直接新建用戶腳本來開發的:
對於一些簡單的腳本,這沒有什麼問題,即改即看。但當代碼多了以後問題就來了,自帶編輯器開發體驗確實不太舒服,沒有格式化,沒有代碼補全,無法模塊化編寫代碼等等,這時候我就想尋找一個打包方案,讓我們可以在自己的編輯器如 VSCode 里開發,這樣就可以充分利用前端工程化的便利,提升開發體驗。
常見的打包工具比如 webpack、parcel、rollup 等,首先排除 webpack(笑),然後試了下 parcel,效果不太理想,之後試了 rollup 感覺還可以。轉眼想到要用 vue 開發,那就直接上 vite 吧