目的：通過壓縮文件（比如js凯傲，css等）搪泳，合并多個文件，從而減少http請求姿现，提升訪問速度
主要通過Loaders肠仪，簡單的舉幾個Loaders使用例子：
可以把SASS文件的寫法轉(zhuǎn)換成CSS，而不在使用其他轉(zhuǎn)換工具备典。
可以把ES6或者ES7的代碼异旧，轉(zhuǎn)換成大多瀏覽器兼容的JS代碼。
可以把React中的JSX轉(zhuǎn)換成JavaScript代碼提佣。
注意：所有的Loaders都需要在npm中單獨進(jìn)行安裝吮蛹，并在webpack.config.js里進(jìn)行配置。
打包css進(jìn)JS
1拌屏、安裝
npm install style-loader -s -d
npm install css-loader -s -d
2潮针、配置
方式一：use方式
module: { // 模塊：例如解讀CSS，圖片轉(zhuǎn)換壓縮等
rules: [{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}]
},
方式二：load方式
module: { // 模塊：例如解讀CSS槐壳，圖片轉(zhuǎn)換壓縮等
rules: [{
test: /\.css$/,
loader: ['style-loader', 'css-loader']
}]
},
方式三：use+load方式（常用）
module: { // 模塊：例如解讀CSS，圖片轉(zhuǎn)換壓縮等
rules: [{
test: /\.css$/,
use: [
{
loader: "style-loader"
}, {
loader: "css-loader"
}
]
}]
},
image.png
3喜每、css文件
image.png
4务唐、運行
webpack
