<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/tag/babel/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Wed, 15 Apr 2026 07:29:16 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>如何在Webpack中使用TypeScript？</title><link>https://magiclen.org/webpack-typescript</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過TypeScript的載入器(loader)來編譯並打包TypeScript程式碼。]]></description><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>Webpack</category><category>Babel</category><category>TypeScript</category><guid>https://magiclen.org/webpack-typescript</guid><pubDate>Tue, 14 Jan 2020 12:00:37 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何用Webpack產生HTML網頁？</title><link>https://magiclen.org/webpack-html</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/06/webpack-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/06/webpack-660x486.png 3x" alt="">
Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過HTML模板來產生HTML網頁。]]></description><category>研究分享</category><category>HTML</category><category>JavaScript</category><category>HTML</category><category>JavaScript</category><category>node.js</category><category>Handlebars</category><category>Webpack</category><category>React</category><category>JSX</category><category>Babel</category><guid>https://magiclen.org/webpack-html</guid><pubDate>Tue, 1 Oct 2019 12:00:06 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何用Webpack來打包JavaScript、SCSS/CSS、HTML網頁和任意檔案？</title><link>https://magiclen.org/webpack</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/06/webpack-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/06/webpack-660x486.png 3x" alt="">
Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，舉凡網頁有用到的靜態資源(如JS、CSS、圖片檔等)，甚至是HTML網頁，Webpack都有辦法打包。]]></description><category>研究分享</category><category>JavaScript</category><category>CSS</category><category>HTML</category><category>JavaScript</category><category>node.js</category><category>Webpack</category><category>SCSS</category><category>Sass</category><category>Font Awesome</category><category>PostCSS</category><category>Vue.js</category><category>Babel</category><guid>https://magiclen.org/webpack</guid><pubDate>Tue, 20 Aug 2019 12:00:16 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>