首页 > Web开发 > 详细

Webpack 常用 modules

时间:2020-02-02 12:10:43      阅读:74      评论:0      收藏:0      [点我收藏+]

@(Javascript)[webpack]

babel

  • babel-core: babel 核心程式,知道如何載入程式碼、解析和輸出檔案(但不包含編譯)。
  • babel-loader: 用來告訴 babel 如何和 webpack 合作。
  • babel-preset-es2015: 讓 babel 知道如何將不同版本的 ES 語法進行轉譯。
  • babel-plugin-transform-runtime: 預設 babel 會在每一隻編譯檔案注入 polyfill 的程式碼,為了避免重複而將這部分抽出去,詳細說明

css< 大专栏  Webpack 常用 modules/h2>
  • css-loader: 告訴 webpack 如何匯入和解析 css 檔案。
  • style-loader: 將匯入的 css 內容注入 HTML 的 <style></style> 中

圖片處理

  • file-loader: webpack 使用於處理檔案
  • image-webpack-loader
  • url-loader: 編譯匯入檔案類型的資源,把檔案轉成 base64

dev-server

  • webpack-dev-server

vue

  • vue-loader: 使用 Vue Component Spec
  • vue-hot-reload-api: 支援 hot reload

其他

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

Webpack 常用 modules

原文:https://www.cnblogs.com/lijianming180/p/12251203.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!