wedpack打包的基本使用

001、什麼是webpack? 作用有哪些？

webpack可以看做是模組打包機：它做的事情是，分析你的專案結構，找到j**ascript模組以及其它的一些瀏覽器不能直接執行的拓展語言（scss，typescript等），並將其轉換和打包為合適的格式供瀏覽器使用

webpack的工作方式是：把你的專案當做乙個整體，通過乙個給定的主檔案（如：index.js），webpack將從這個檔案開始找到你的專案的所有依賴檔案，使用loaders處理它們，最後打包為乙個（或多個）瀏覽器可識別的j**ascript檔案。

作用：

1、模組化，讓我們可以把複雜的程式細化為小的檔案;

2、類似於typescript這種在j**ascript基礎上拓展的開發語言：使我們能夠實現目前版本的j**ascript不能直接使用的特性，並且之後還能轉換為j**ascript檔案使瀏覽器可以識別；

3、scss，less等css預處理器

002、webpack與gulp、grunt的區別

ebpack和另外兩個並沒有太多的可比性，gulp/grunt是一種能夠優化前端的開發流程的工具，而webpack是一種模組化的解決方案，不過webpack的優點使得webpack在很多場景下可以替代gulp/grunt類的工具。

003、webpack的打包流程

webpack是建立在module之上進行打包的

css js img 都叫做module模組

004、webpack官方配置檔案

005、webpack的基本使用

1、全域性安裝webpack npm install webpack -g

2、檢視版本號 : webpack -v

1、解除安裝預設： npm uninstall webpack

2、全域性安裝： npm install [email protected] -g

3、區域性安裝： npm install [email protected] --s**e-de