1便监、安裝nodeJs
2、安裝npm驼唱，升級(jí)用npm install -g npm,全局安裝
3寇损、全局安裝webpack, npm instsall -g webpack
4凸郑、安裝依賴(lài)項(xiàng)，npm install --save-dev webpack
5矛市、npm install webpack-cli -D
6芙沥、npm install @babel/preset-env
7、webpack app/main.js public/webpack.js
20180329
1尘盼、npm init
2憨愉、npm install --save-dev webpack
3、npm install --save lodash
4卿捎、npm install webpack-cli -D
5、npx webpack src/index.js --output dist/bundle.js
6径密、mode選項(xiàng)可以在webpack.config.js里指定午阵，也可以在webpack cli命令上指定：
development：開(kāi)發(fā)模式，webpack會(huì)默認(rèn)配置常用于開(kāi)發(fā)的參數(shù)享扔，如輸出運(yùn)行時(shí)的錯(cuò)誤信息等
production：產(chǎn)品模式底桂，webpack會(huì)默認(rèn)配置常用語(yǔ)產(chǎn)品構(gòu)建的餐宿，如壓縮代碼等
配置文件：
mode: 'development'
mode: 'production'
命令行：
webpack --mode development
webpack --mode production
去掉警告
7惧眠、增加webpack.config.js文件籽懦，添加入口出口文件
8、添加npx webpack --config webpack.config.js
9氛魁、添加
"scripts": {
"build": "webpack"
},
10暮顺、npm run build
11厅篓、從 JavaScript 模塊中 import 一個(gè) CSS 文件，你需要在 module 配置中 安裝并添加 style-loader 和 css-loader：
npm install --save-dev style-loader css-loader
12捶码、npm install --save-dev file-loader
13羽氮、處理背景和圖標(biāo)這些圖片
14、每次清空/dist文件 clean-webpack-plugin
安裝 npm install clean-webpack-plugin --save-dev
15惫恼、source map module中添加：devtool: 'inline-source-map'
16档押、webpack-dev-server 為你提供了一個(gè)簡(jiǎn)單的 web 服務(wù)器，并且能夠?qū)崟r(shí)重新加載
安裝 npm install --save-dev webpack-dev-server
