階段5 3.微服務項目【學成在線】_day02 CMS前端開發_09-webpack研究-webpack介紹

使用vue.js開發大型應用需要使用webpack打包工具，本節研究webpack的使用方法。
1.3.1 webpack介紹
Webpack 是一個前端資源的打包工具，它可以將js、image、css等資源當成一個模塊進行打包。


從圖中我們可以看出，Webpack 可以將js、css、png等多種靜態資源 進行打包，使用webpack有什么好處呢？
1、模塊化開發
程序員在開發時可以分模塊創建不同的js、 css等小文件方便開發，最后使用webpack將這些小文件打包成一個文
件，減少了http的請求次數。
webpack可以實現按需打包，為了避免出現打包文件過大可以打包成多個文件。
2、 編譯typescript、ES6等高級js語法
隨着前端技術的強大，開發中可以使用javascript的很多高級版本，比如：typescript、ES6等，方便開發，
webpack可以將打包文件轉換成瀏覽器可識別的js語法。
3、CSS預編譯
webpack允許在開發中使用Sass 和 Less等原生CSS的擴展技術，通過sass-loader、less-loader將Sass 和 Less的
語法編譯成瀏覽器可識別的css語法。
webpack的缺點：
1、配置有些繁瑣
2、文檔不豐富