Webpack 常用 modules
阅读原文时间:2023年07月11日阅读:1

@(Javascript)[webpack]

  • babel-core: babel 核心程式,知道如何載入程式碼、解析和輸出檔案(但不包含編譯)。

  • babel-loader: 用來告訴 babel 如何和 webpack 合作。

  • babel-preset-es2015: 讓 babel 知道如何將不同版本的 ES 語法進行轉譯。

  • babel-plugin-transform-runtime: 預設 babel 會在每一隻編譯檔案注入 polyfill 的程式碼,為了避免重複而將這部分抽出去,詳細說明

  • file-loader: webpack 使用於處理檔案

  • image-webpack-loader

  • url-loader: 編譯匯入檔案類型的資源,把檔案轉成 base64

  • webpack-dev-server

  • vue-loader: 使用 Vue Component Spec

  • vue-hot-reload-api: 支援 hot reload

  • webpack-merge: 合併 webpack 設定參數