談談NPM和Webpack的關係

2022-05-01 10:48:08 字數 441 閱讀 3843

當包引入數量很多時管理就成為了乙個問題,這個就是npm為開發者行了方便之處,npm已經為你做好了依賴和版本的控制,也就是說使用npm可以讓你從繁雜的依賴安裝和版本衝突中解脫出來,進而關注你的業務而不是庫的管理

webpack是乙個工具,這個工具可以幫你處理好各個包/模組之間的依賴關係(modules with dependencies),並將這些複雜依賴關係的靜態檔案打包成乙個或很少的靜態檔案,提供給瀏覽器訪問使用;除此之外,webpack因為可以提高相容性,還可以將一些瀏覽器尚不支援的新特性轉換為可以支援格式,進而減少由新特性帶來的瀏覽器的相容性問題

webpack將你從npm中安裝的包打包成更小的瀏覽器可讀的靜態資源,這裡需要注意的是,webpack只是乙個前端的打包工具,打包的是靜態資源,和後台沒有關係,雖然webpack依賴於node環境

和node關係: 基於node建立的,支援所有node api和語法

談談webpack對npm模組匯入的解析

在一次運營後台的常規更新時,發現有乙個外部依賴包不能正常工作。經排查發現,react split pane在前幾天發了乙個新版0.1.81,該版本同時提供commonjs和es module兩種包匯入方式 原來我們採用的cmd寫法const reactsplitpane require react ...

webpack和webpack中載入器的基本使用

1 執行 npm install webpack webpack cli d 命令,安裝webpack 相關的包 2 在專案根目錄中,建立名為webpack.config.js 的 webpack 配置檔案 3 在 webpack 的配置檔案中,初始化如下基本配置 module.exports 4 ...

檢視npm全域性安裝的工具和npm 出錯

檢視全域性 npm list g depth 0 清除快取 npm cache clean f 映象 npm install g cnpm registry npm run dev出現 webpack dev server 不是內部或外部命令,也不是可執行的程式錯誤,刪除之前的依賴包,統一用cnpm...