webpack

webpack

1、entry:入口文件，三种引入入口文件的方式
entry：path.resolve(_dirname, './src/index.js')，//单个入口文件，这种写法相当于下面第二种写法

entry:{main:'./src/index.js'},

entry:['./src/index.js'，'./src/hello.js'], //可以多个入口文件，可以分离app或者作为第三方库入口

2、 output:出口文件（只能一个），两个属性path和filename

output：{
  path：path.resolve(_dirname,dist),  //bundle包的路径
  filename：'bundle.js'               //bundle包的名字，多个入口文件可以使用占位符'[name].js'保证具有唯一的名称                  
}

3、loader
webpack只能理解javascript和json，其他的可以使用loader进行转换成有效模块添加到依赖图中。可以import导入任何类型的模块,如.css
两个属性：
test：匹配需要转换的文件（正则），
use：使用哪种loader处理
含义：提醒webpack在打包test匹配到的文件时，要使用use中的loader处理一下

4、插件plugin
功能：打包优化，资源管理，注入环境变量
定义：使用option定义插件或者多个复用情况使用new 操作符创建一个实例
5、模式mode
mode:production(默认)/development/none

6、兼容
支持es5的浏览器，不支持ie8及一下版本，如果需要支持需要加载polyfill