此篇介紹如何加入並使用 pug-loader,並使用 PUG 語法測試撰寫 html。
繼續閱讀
此篇介紹如何加入並使用 babel-loader,並使用 ES6 語法測試撰寫 js。
繼續閱讀
此篇介紹如何加入並使用 webpack-dev-server,並展示 Hot Reload 功能。
繼續閱讀
此篇介紹如何將 CSS 、 SASS 引入 Webpack 專案中,並使用 postcss 的 autoprefixer 自動將 CSS 加入相對的瀏覽器前綴。
繼續閱讀
此篇介紹使用 HTML Webpack Plugin,他可以自動生成 html 並將 app.bundle.js 自動加在 html 結尾處。
繼續閱讀
什麼是 Webpack ?
Webpack 是針對所有前端程式的管理整合工具。工程師編寫程式模組(html, css, js, sass, pug, babel, … etc.),使用 webpack 打包輸出靜態資產(assets),配合Babel, ES6使用,可以寫出乾淨可復用的代碼,做到更好的前端程式管理。這一篇先示範基礎安裝和設定基本描述檔。
繼續閱讀