Webpack初体验

Webpack是什么？

webpack是一个前端资源加载/打包工具，其主要功能为:使用loaders将项目中依赖到的所有的文件打包为一个或多个能让浏览器识别的文件。

为什么使用Webpack？

a. 模块化: 可以把复杂的程序分为细小的文件
b. loaders: 可以把浏览器不能直接识别的文件编译为可识别的文件

开始使用webpack

安装

在磁盘中新建项目文件夹test_project，进入文件夹后清空地址栏输入cmd回车，命令行工具自动定位到项目目录， 之后输入以下命令进行安装。

//全局安装webpack  
npm install webpack –g  
//安装至项目目录
npm install webpack ––save–dev  
//安装项目配置文件  
npm init