Webpack入門及技術指南

初識Webpack

         webpack是一個基於node.js編寫的資源整合打包器（官方原稱：MODULE BUNDLER），通過指定入口文件，他能將該入口文件中引用的所有前端資源都合併打包，並最終輸出到你指定的輸出目錄。

參考資料

我爲什麼要使用Webpack?  https://www.jianshu.com/p/9f2d0b64f3b8

什麼是Webpack?怎麼使用Webpack? https://blog.csdn.net/a_keri/article/details/81019140

Nodejs入門及技術指南：  https://blog.csdn.net/yan_dk/article/details/90633166

視頻：https://www.bilibili.com/video/av69121363/

webpack原理解析：https://blog.csdn.net/baozhiqiangjava/article/details/80603509

webpack打包原理解析：https://www.jianshu.com/p/b8d6ac3041e3

webpack打包原理入門探究：https://zhuanlan.zhihu.com/p/93430753

安裝nodejs

可參考上述【Nodejs入門及技術指南】進行安裝

注意要修改爲國內鏡像，不然會比較慢或安裝不成功。

如下：

安裝Webpack

nodejs安裝後，可使用如下命令安裝webpack。

>npm install webpack webpack-dev-server -g

 安裝webpack-cli

>npm install webpack-cli -g

>npm install --save-dev webpack

 >webpack