基本步骤:
1.初始化package.json
* npm init -y
2.安装webpack依赖
* npm install webpack --save-dev
*npm info webpack : 查看webpack 信息
*npm install webpack@3.10.0 --save-dev : 安装指定版本的webpack
3.安装webpack开发工具
* npm install webpack-dev-server --save-dev
*npm install webpack-dev-server -g
4.安装css loader
* npm install css-loader style-loader
5.编译显示进度和颜色
* webpack --progress --colors
* webpack --progress --colors --watch
6.快速编译,热更新
* webpack --progress --colors --watch
* webpack-dev-server --progress --colors :使用开发包
7.安装加载url-loader
* npm install url-loader --save-dev
8.缩写
* --save-dev : 保存到 package.json 的 devDependencies 依赖中缩写:-D
* --save : 保存到 package.json 的 dependencies 依赖中 缩写 : -S
9.压缩混淆脚本
* webpack -p //压缩混淆脚本,这个非常非常重要!
10.生成map映射文件
* webpack -d //生成map映射文件,告知哪些模块被最终打包到哪里了其中的