官网：https://www.webpackjs.com/核心原理一切皆模块按需加载概念module具有一定功能的模块。bundle打包后的文件。chunk打包过程分割的代码块。EntryWebpack 会递归的探索出 入口文件中所依赖的模块，并按照顺序 利用 Loader 进行处理。方式单入口1.stringentry: “app.js”;多入口1.Array<string>数组中的每一项都会被打包，形成互不依赖的文件entry: [“app.js”,“main.js”];2.objectentry: { [entryChunkName]: string | Array<string>}对象中的每一个属性都会被打包，形成互不依赖的文件entry: { index:[‘index.js’,‘app.js’], vendor: ‘vendor.js’}Output即是你配置了多个入口文件，你也只能有一个输出点。path输出文件的目录。绝对路径filename输出的文件名，它一般跟你entry配置相呼应。单入口自定义filename: “[name].bundle.js"多入口[name].js[id].js, 使用内部 chunk id[hash].js, 使用每次构建过程中，唯一的 hash 生成在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的hash值[chunkhash].js, 使用基于每个 chunk 内容的 hashpublicPath公共资源路径publicPath 应该以/结尾，同时其它 loader 或插件的配置不能以/开头chunkFilename块，配置了它，非入口entry的模块，会帮自动拆分文件，也就是大家常说的按需加载，与路由中的 require.ensure相呼应。resolve配置模块如何解析。extensions：自动解析确定的扩展,省去你引入组件时写后缀的麻烦，alias：非常重要的一个配置，它可以配置一些短路径，module.rules - 编译规则rules：也就是之前的loaders，test ： 正则表达式，匹配编译的文件，exclude：排除特定条件，如通常会写node_modules，即把某些目录/文件过滤掉，include：它正好与exclude相反，