webpack的安装步骤

Webpack是一款用户打包前端模块的工具，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font file、template等
一、Webpack的优势:
1.按需加载模块，按需进行懒加载，在实际用到某些模块的时候再增量更新
2.webpack 是以 commonJS 的形式来书写脚本，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。
3.能被模块化的不仅仅是 JS 了，能处理各种类型的资源。
4.开发便捷，能替代部分 grunt/gulp 的工作，比如打包、压缩混淆、图片转base64等。
5.扩展性强，插件机制完善




二、安装
首先要安装 Node.js， Node.js 自带了软件包管理器 npm


用npm 安装webpack


$ npm install webpack -g   //全局安装命令


$ npm install webpack --save-dev   //局部安装




使用webpack开发工具，要单独安装 webpack-dev-server
$ npm install webpack-dev-server --save-dev  


三、常用命令：


$ webpack --config webpack.min.js //另一份配置文件


$ webpack --display-error-details //显示异常信息


$ webpack --watch   //监听变动并自动打包
 
$ webpack -p    //压缩混淆脚本，这个非常非常重要！
 
$ webpack -d    //生成map映射文件，告知哪些模块被最终打包到哪里了