1
React 開發環境怎麼來的？Webpack 到 CRA 的歷史演進
雖然你可以透過 和 CDN 讓 React 跑起來，但說實話，這種方式在實務上幾乎沒人在用。 你不會看到工程師每天都在寫： React.createElement('div', null, 'Hello React'); 這種原始、冗長的寫法。 也不會有人把整個網站的程式碼都塞進一個 HTML 檔...
2025年4月8日
基礎概念
從 Webpack 到 CRA 再到 Vite，帶你走過 React 開發環境的演進歷程，理解每個工具誕生的背景與解決的問題。
共 3 篇文章
雖然你可以透過 和 CDN 讓 React 跑起來，但說實話，這種方式在實務上幾乎沒人在用。 你不會看到工程師每天都在寫： React.createElement('div', null, 'Hello React'); 這種原始、冗長的寫法。 也不會有人把整個網站的程式碼都塞進一個 HTML 檔...
還記得我們在上一篇介紹的 React 開發歷史嗎？ 從最早的手動安裝 Webpack、Babel，到一堆 .babelrc、webpack.config.js 配置地獄，新手根本快投降。 就在大家快崩潰的時候，Facebook 推出了 Create React App（CRA）。 只要一行指令，就能...
在 React 剛興起的時候，Create React App（CRA）是很多前端新手的第一站。 它一行指令就能跑起來，幫我們把 Babel、Webpack、ESLint、環境變數……這些麻煩事都打包處理好了。 但你可能也遇過這些情況： 開發時每次改檔都要等個幾秒才會更新畫面 想改個 webpack...