webpack的常用命令

基本步骤：

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映射文件，告知哪些模块被最终打包到哪里了其中的