Andy's Blog

Home Archives
Jun 18 2016

Webpack 模組整合工具 - React + ES6

  • 這篇會做出開發React + ES6的Webpack設定
  • Sample

Webpack

Webpack 是德國開發者 Tobias Koppers 開發的模組整合工具。它的核心功能如下:

  • 轉換 JSX, Coffee Script, TypeScript, ES6 等
  • 分散封裝專案使用的程式碼,使載入頁面時只需載入當頁所需的程式碼以加速載入速度
  • 整合樣式表 (css, sass, less 等)
  • 處理圖片與字型
  • 建置 production-ready 的程式碼 (壓縮)
  • 豐富的模組物件

Read More

Share Comments
  • ES6
  • React
  • Webpack

Tags

  • Angular5
  • Atom1
  • Bootstrap1
  • Cheerio1
  • CoffeeScript7
  • Compass1
  • Crawler1
  • Css1
  • Disqus1
  • E2E1
  • ES63
  • F2E4
  • Firebase1
  • Github3
  • Google Map1
  • Gulp1
  • HackMD1
  • Hexo7
  • Javascript2
  • Mac2
  • Markdown2
  • Nightwatch2
  • NodeJS2
  • Prepros1
  • RWD2
  • Rails1
  • React2
  • Rwd3
  • Sass4
  • Scrum1
  • Sitemap1
  • SublimeText2
  • VueJS1
  • Webpack1
  • Workshop4
  • coServ2
  • 高雄前端社群2

Tag Cloud

AngularAtomBootstrapCheerioCoffeeScriptCompassCrawlerCssDisqusE2EES6F2EFirebaseGithubGoogle MapGulpHackMDHexoJavascriptMacMarkdownNightwatchNodeJSPreprosRWDRailsReactRwdSassScrumSitemapSublimeTextVueJSWebpackWorkshopcoServ高雄前端社群

Archives

  • February 20171
  • January 20171
  • October 20163
  • September 20161
  • August 20161
  • July 20161
  • June 20166
  • May 20161
  • August 20159
  • July 201511
  • June 20152
  • May 201515

Recents

  • Google Map - Static Map & API
  • Input field動態產生JSON
  • (no title)
  • 網路爬蟲 - Nightwatch + Cheerio = 神鵰俠侶
  • React Starter Kit 新增component
© 2017 Andy Tsai
Powered by Hexo
Home Archives