一、webpack介紹

1、什么是webpack

• webpack是一個模塊打包器。
• webpack包括：入口、輸出、loader、插件等。
• 在webpack看來，前端的所有資源文件（js/json/css/img/less...）都會作為模塊處理。
• webpack將根據(jù)模塊的依賴關系進行靜態(tài)分析，生成對應的靜態(tài)資源。

2、什么是loader

• webpack本身只能加載js和json，其他類型的文件都需要安裝相應的loader來加載。
• loader本身也是運行在node.js環(huán)境中javascript模塊
• loader本身是一個函數(shù)，接受源文件作為參數(shù)，返回轉換的結果
• loader一般以xxxx-loader方式命名，xxx代表了這個loader要做的轉換功能，比如css-loader

3、配置文件

• webpack.config.js 是一個node模塊，返回一個json格式的配置信息對象

4、插件

• 插件可以完成一些loader不能完成的功能
• 插件的使用一般是在webpack的配置信息plugins選項中指定
• CleanWebpackPlugin：自動清除指定文件夾資源
• HtmlWebpackPlugin：自動生成html文件
• UglifyJSPlugin：壓縮js文件

二、安裝webapck

cnpm install webpack -g　　//　　全局安裝
cnpm install webpack --save-dev　　//　　局部安裝

?