16. HTTP压缩、Library发布

HTTP 压缩

内置在 服务器 和 客户端 之间的，以改进传输速度和带宽利用率的方式。

HTTP 压缩流程

第一步：HTTP数据在服务器发送前就已经被压缩了；（可以在webpack中完成） 安装CompressionPlugin npm install compression-webpack-plugin -D
使用CompressionPlugin
第二步：兼容的浏览器在向服务器发送请求时，会告知服务器自己支持哪些压缩格式
第三步：服务器在浏览器支持的压缩格式下，直接返回对应的压缩后的文件，并且在响应头中告知浏览器

封装Library

源代码：

// add.js
export const add = (x, y) => x + y;

// index.js
import { add } from "./add";
export { add };

webpack 配置

const path = require("path");
module.exports = {
  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "./dist"),
    // AMD/CommonJS/浏览器
    libraryTarget:"umd",
    library:"YuJun",
    globalObject: "this"
  }
}

打包之后： 浏览器使用：