，同时所有非必要的metadata 也会被剥离掉 tree shaking(摇树优化)复习 概念：1 个模块可能有多个方法，只要其中的某个方法使用到了，则整个文件都会被打到 bundle 里面去，tree shaking 就是只把用到的方法打入 bundle ，没用到的方法会在 uglify 阶段被擦除掉。 使用：webpack 默认支持，在 .babelrc 里设置 modules:

ID，作为输出的模块名，使⽤的时通过 ${name}/${expose} 的⽅式使⽤ • library：必须，其中这⾥的 name 为作为 umd 的 name； • remotes：可选，表示作为 Host 时，去消费哪些 Remote； • shared：可选，优先⽤ Host 的依赖，如果 Host 没有，再⽤⾃⼰的； • main.js：应⽤主⽂件 • remoteEntry.js：作为 remote

__dirname + '/dist' } }; 通过占位符确保⽂文件名称的唯⼀一 核⼼心概念之 Loaders webpack 开箱即用只支持 JS 和 JSON 两种文件类型，通过 Loaders 去支持其它文 件类型并且把它们转化成有效的模块，并且可以添加到依赖图中。 本身是一个函数，接受源文件作为参数，返回转换的结果。 常⻅见的 Loaders 有哪些？ Loaders 的⽤用法 const

minuSize: 分离的包体积的⼤大⼩小 tree shaking(摇树优化) 概念：1 个模块可能有多个⽅方法，只要其中的某个⽅方法使⽤用到了了，则整个⽂文件都会被打到 bundle ⾥里里⾯面去，tree shaking 就是只把⽤用到的⽅方法打⼊入 bundle ，没⽤用到的⽅方法会在 uglify 阶段被擦除掉。 使⽤用：webpack 默认⽀支持，在 .babelrc ⾥里里设置 modules: