Webpack

认识Webpack

Webpack可以看作是模块打包机，做的事情就是，分析项目结构，找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言（Sass，TypeScript），并将其转换和打包为合适的格式以供浏览器使用，在3.0出现以后，Webpack还肩负了优化项目的责任

--save    保存     --dev      开发环境

• 打包：可以将多个JavaScript文件打包成一个文件，减少服务器压力和下载带宽
• 转换：把拓展用语言转换为普通的JavaScript，让浏览器顺利运行
• 优化：前端性能优化

全局安装webpack

npm install -g webpack

对项目目录进行安装：

npm init

npm install --save-dev webpack

使用Webpack命令

在Git bash上使用webpack命令，执行的结果如下：

- 全局安装live-server

    cnpm install -g l