這邊總結一下優化 Webpack 打包體積以及打包速度時，使用了哪些方法。 打包優化大原則 縮小打包體積 盡量減少打包重複的 CODE，透過 optimizat...
之前介紹了 Webpack-Dll-Plugin HappPack 來優化 Webpack 打包速度。今天要介紹的是優化 Webpack Bundle 體積大小...
什麼是 Runtime & Mamifest ? 看一下官網上面的說明： A webpack runtime and manifest that...
關於 HappyPack 由於 Webpack 運行在單線程的 NodeJS 上，因此跟 JavaScript 一樣，一次只能處理一件事情。在 Webpack-...
Webpack-Bar 更為精緻的進度條 XD，使用進度條以及更精確的資訊顯示在 Terminal，明確的列出當前處理檔案為何，讓我們更容易掌握打包進度。 ...
Webpack-Notifier 一款能夠在 Bundle Successfully or Failure 時，跳出桌面級的提醒視窗，具有明顯的提示效果。底層是...
Webpack-Bundle-Analyzer 非常實用的視覺化打包分析工具，打包模組視覺化後，可以一目了然目前打包了那些模組、哪個模組體積過大或是重複打包，專...
Friendly-Errors-Webpack-Plugin 透過這個 Plugin 可以讓 Webpack Bundle 時發生的錯誤，透過比較友善清晰的方式...
Copy-Webpack-Plugin 可以將整個檔案或資料夾不須透過打包，直接複製到最後的 Bundle 資料夾。通常使用在 CSS 或是 Images 資料...
Npm-Install-Webpack-Plugin 這個套件會自動幫你安裝專案中有引用，但是尚未 npm install 的套件，非常的方便。 官網示意圖...
Webpack 打包處理的項目非常多，包括 JS 打包並 Babel 轉譯、CSS 打包並提取、處理雪碧圖、透過 html-webpack-plugin 生成...
Webpack 官網 source-map 定義 devtool build rebuild production quality none ++...
CSS Sprite An image sprite is a collection of images put into a single image. (...
一直以來 CSS 架構都存在一些問題，比如： 全域汙染CSS 所有的樣式都是全域，因此可能會發生命名空間衝突，樣式互相覆蓋的問題。有時候為了解決問題，而使用...
關於 PostCSS PostCSS 是一個使用 JavaScript 轉換 CSS 的工具 PostCSS 是一套後處理器，將 CSS 解析為 AST...
專案使用 SCSS 寫法，我們之前用 Gulp 來 Compile，也使用過 ASP.NET MVC Web Compiler 來處理，後者的缺點是必須使用 V...
output filename 配置參數 [name] 文件檔名 [path] 文件路徑 [ext] 文件副檔名 [hash] 是 Webpa...
關於 Babel 看一下 Babel 官網上的定義，馬上就能明白 Babel 的功用。 在 ES6 之後，ECMAScript 版本每年都會更新，2018 年...
為了區分 develop、production 設定，我們將 Webpack 設定檔拆分為 webpack.common.js、webpack.dev.js、...
在實際的專案當中，HTML頁面上很有可能出現以下的程式碼。 直接在頁面上調用 $、React、ReactDOM，由於 jQuery、React、React-d...
為了把打包完的檔案引入頁面，我們透過 Html-Webpack-Plugin 來產生 Partial View 並引入打包檔案。Views 資料夾底下新增 Bu...
專案資料夾結構 ╸ ASP.NET.WEBPACK ┝╸ App_Data ┝╸ App_Start ┝╸ Attributes ┝╸ Cont...
ASP.NET Bundling and Minification 缺點 新增刪除模組，須手動修改 BundleConfig 引用開源程式模組不方便 人工區分...
今年三月剛到新公司報到，過試用期之後第一個任務，就是在 ASP.NET MVC 導入 Webpack。主管跟我提這個想法時，當下其實沒想太多，心想著 Webpa...
2018/02/26 程式開發經歷約2年 2年前，誤打誤撞進入到某資訊公司擔任小小實習生，開啟了我程式開發之路，當時的開發人員只有我與老闆二位，一張白紙的我，從...
今天和大家分享AwesomeProxy.Net小弟開源AOP輕型框架 簡單介紹 AOP (Aspect-Oriented Programming) AOP 是...
今天來探討一下登入驗證的部分，根據前天的文章，雖然成功驗證帳號密碼之後，可以轉頁面到登入後的網頁，但是其實就算不透過登入頁，還是可以直接進入網頁， 所以在這裡就...
小魚
‧
2018-01-08
今天來完成註冊功能吧！ 首先這是註冊頁面 註冊完成之後進入登入頁面 這是註冊頁面的前端 @{ ViewBag.Title = "Home Pa...
小魚
‧
2018-01-05
今天繼續昨天說的，當驗證錯誤的時候，要把之前輸入的資料保留下來，通常除了密碼之外都會保留下來， 這是輸入畫面 這是密碼輸入錯誤的畫面 在ASP.NET MVC裡...
小魚
‧
2018-01-04
講了25天的前言，終於要進入正題了，今天我們建了一個使用者的資料表 然後又是這個註冊畫面 這是前端的程式碼，我們用Post來接收資料 @{ ViewBa...
小魚
‧
2018-01-03
TYSON
iThome鐵人賽
看影片追技術