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