Webpack学习心得

一、webpack简介

能把各种资源，例如JS(含JSX)，coffee，样式（含less/sass），图片等都作为模块来使用和处理，因此，webpack中的js可以引用css,css中可以嵌入图片dataUrl

二、webpack的优势
webpack是一个前段工具，可以让各个模块进行加载，预处理操作后，在进行打包的过程；它有Grunt和Gulp所有的的基本功能。
优点：

1. 支持commonJS和AMD模块。
2. 支持很多模块加载器的调用，可以使模块加载器灵活定制，比如babel-loader加载器，该加载器能使我们使用ES6的语法来编写代码。
3. 可以通过配置打包成多个文件，有效的利用浏览器的缓存功能提升性能。
4. 使用模块加载器，可以支持sass,less等处理器进行打包且支持静态资源样式以及图片进行打包。

三、webpack的安装
1. 安装全局的webpack命令：npm install -g webpack.
2. 在项目的根目录下创建配置项：npm install
3. webpack安装作为项目开发所需要的依赖项：npm install –save-dev webpack
4. webpack打包命令：
（1）、webpack app/main.js public/webpack.js。
app/main.js是要打包的文件目录，public/webpack.js是要打包后的文件路