一、webpack介紹

1、什么是webpack

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

2、什么是loader

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

3、配置文件

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

4、插件

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

二、安裝webapck

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

?