標籤: Webpack

Vite Vue Vue Cli

Vue 的圖片引入方式

這邊稍微記錄一下該如何正確地在 Vue Cli 或 Vite 中引入圖片，因為這個問題其實很常見也很容易搞錯，所以就乾脆寫一篇記錄一下。

2023-03-30 6 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - Vue(10) - vue-loader

學會基本的 Webpack 之後其實我們也可以自己來試著手動設定 vue。

2021-04-23 2 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - Loaders(9) - Sass/SCSS

講下來將會介紹跟 Sass/SCSS 有關的處理。

2021-03-13 7 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - Asset Modules(8) - asset/source

接下來講講另一種特別的狀況，有些時候我們會需要取得讀取的檔案內容，那麼就會使用 asset/source。

2021-03-07 4 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - Asset Modules(7) - asset/inline

前面有講到 asset/resource 是屬於外部連結，但所謂的外部連結是什麼意思呢？所以這章節就會嘗試使用 asset/inline

2021-03-07 2 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - Asset Modules(6) - asset/resource

接下來將會關於靜態資源的部分，也就是圖片的搬移等。

2021-03-07 3 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - devServe(5) - webpack-dev-server

前面使用了一些還滿好用的插件，接下來也要加入另一個好用的功能，也就是我們開發常用的模擬伺服器。

2021-02-28 3 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - plugins(4) - clean-webpack-plugin

接下來這一篇將會介紹另一個插件，是關於清除檔案的插件。

2021-02-28 2 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - plugins(3) - html-webpack-plugin

webpack 雖然非常好用，但是實際開發時還是會需要安裝很多插件，因此這一篇就來講講插件。

2021-02-28 5 分鐘閱讀

閱讀全文

Webpack Webpack 5 Webpack 5 走起!

Webpack 5 走起! - 基本配置(2) - config

上一篇基本上準備好專案的環境，那麼接下來就是準備了解 webpack 基本的架構。

2021-02-28 4 分鐘閱讀

閱讀全文