1、中文文档：http://doc.webpack-china.org
css依赖于图片 箭头指向的是要依赖的东西 将静态资源（.js .css .jpg .png）简言之就是模块打包成静态资源上线 ；
webpack又叫模块打包器 认为所有的文件都是模块 html不算模块 认为就应该有的结构
4个核心概念：入口（entry） 输出（output）loader 插件
注意：本身只能加载js json，加载其他的需要loader；
插件完成loader不能完成的功能 loader只能加载；
安装：
npm install webpack -g //全局安装
npm install webpack --save-dev // 局部安装
通过package.json看webpack的版本，1.几和3.几用法不一样，
webpack命令，加一个空格 加上打包的源文件，再加一个空格，指定输出的文件目录
模块化规范：es6等3种都可以 webpack1.几不支持es6
上线只有一个 发请求只有一个
import一个json的话，自动转换成一个对象，想要输出的话应该，JSON.stringify(data)
2、配置文件
webpack.config.js：
const path = require(‘path’)；// node内置的模块用来设置路径的
moudle.export = {
entry: './src/js/entry.js'， //入口文件的配置
output：{ filename: 'bundle.js', // 输出文件名
path: path.resolve(_dirname, 'dist/js/') } }
3、css和图片进行打包
下载对应的loader
npm install css-loader style-loader --save-dev
npm install file-loader url-loader --save-dev
样式不需要定义变量 import ‘./src/css/text.css’
使用loader：
loader的配置放在这，text后面的正则，所有.css为结尾，使用下载的loader；图片的话使用，url-loader
图片设置8kb以内
一般的工具都有 --help
base64编码工具：FeHelper，不安全，容易被还原，MD5推出来比较安全，逆向需要50年；
4、自动编译打包
webpack-dev-sever
热加载
12点啦，过年了，失恋又失业，不过还是要好好的吖~
今晚的问题webpack的热加载没懂，明天继续！
今天继续更文啊，老爸老妈去串门啦，自己在家继续更文，我爱代码，代码爱我，嘻嘻嘻嘻，新的一年里都好都好，加油，我爱的人爱我的人都能健康、事事顺利、笑口常开~
从我自己做起，加油！！！！！！
自动打包工具：webpack-dev-server 开发 服务器
注意版本和webpack相匹配，下载完直接执行命令，localhost8080是个文件目录
把源数据打包生成的文件，和设置输出的文件名一样，放在虚拟内存，提供一块地址访问，相当于放置了文件的空间，热加载不需要路径，直接文件名就可以；
说实话没懂，好尴尬；
热加载自动编译 来一波热加载吧 以前框架都是部门大牛处理的没想过原因，今天得参一参，每次修改都不用刷新，直接编译，真的很优秀啊~