前端工程 2023 年 9 月 17 日2023 年 9 月 17 日 作者: Larry JavaScript ES6 的模組化功能:import, export。建置前端時 require 與 import 有何不同? 這篇文章我們來聊一個不新,但重要的議題:JavaScript 的模組化。2015年,JavaScript ECMAScript 2015 發布,也稱為ES6,從此開始,JavaScript 導入了模組化的概念以及語法。 閱讀全文
Laravel 前端工程 2022 年 12 月 10 日2023 年 9 月 13 日 作者: Larry Laravel Vite:繼 Laravel Mix 之後新的前端檔案管理工具 從 Laravel 9.19 開始 (2022/6/30),Laravel 前端檔案管理工具從 Mix 改為 Vite。Laravel Mix 的底層是 Webpack,而 Vite 是基於原生 JavaScript ESM 的前端開發工具。Vite 在熱更新時 (HMR) 是先 refresh 瀏覽器,才編譯與該頁面有關的檔案。 閱讀全文
Laravel 前端工程 2017 年 4 月 15 日2023 年 9 月 13 日 作者: Larry Laravel Mix Laravel 5.4 開始使用 Laravel Mix 去處理前端的 js / css 檔案,Laravel Mix 這套件是由 npm 管理的,所以首先確認你的開發環境中有裝 npm. 閱讀全文
前端工程 2016 年 1 月 3 日2022 年 12 月 10 日 作者: Larry 如何利用 gulp 自動添加 JS 及 CSS 版號 (auto-versioning),避免瀏覽器快取 當一個使用者瀏覽了你的網站,過沒幾天你更新了 JS 或 CSS,但因為該使用者的瀏覽器記住了上次瀏覽的 JS / CSS,以至於你更新的 JS / CSS 不會在他的瀏覽器上生效。同理,也不會對其他最近瀏覽你網站的使用者生效。 閱讀全文