天天看點

webpack安裝和解析

##1.安裝webpack 
```
 npm install webpack --save-dev
```
##2.安裝 babel轉義 支援es6 es7
```
npm install babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 --save-dev
```

##3安裝 解析HTML的插件 html-webpack-plugin
```
npm install html-webpack-plugin --save-dev
```
##4.安裝 webpack-dev-server   預設将打包的内容在記憶體中.隻需要通路http://localhost:8080/ 就可以檢視自己的打包後的項目,修改頁面會自動打包跟新,不需要自己手動打包重新整理
```
npm install webpack-dev-server --save-dev
```

## 5.解析css  
需要安裝 style-loader 
```
npm install style-loader css-loader --save-dev
```

## 5.安裝less解析
```
npm install less less-loader --save-dev
```

## 6.安裝 路徑解析
file-loader url-loader(預設依賴 file-loader)
```
npm install file-loader url-loader --save-dev
```