月度归档: 2021 年 8 月

6 篇文章

webpack 功能总结 (二)
webpack 打包库和基础库 webpack 打包库和基础库 下面的实例,以求和为例进行打包,会通过 terser-webpack-plugin 插件进行代码的压缩,设置入口文件,并发布到npm上。 创建 src / index.js export default function num(a,b){    return a+…
webapck 功能总结(一)
自动兼容 css 前缀 postcss-loader postcss-preset-env静态资源内联 raw-loader移动端css PX 自动转换为 rem多页面通用打包方案快速定位源码基础包和公共脚本分离tree shaking (摇树优化)scope hoisting代码分割和动态importwebpack集成eslint 自动兼容css…
webpack 常用解析总结
解析ES6 和 React JSX解析 CSS、Less 和 Sass解析图片和字体文件指纹策略JS、CSS、HTML 代码压缩 解析 ES6 和 React JSX 安装 npm install @babel/core @babel/preset-env babel-loader --save-dev 在 webpack.config.js 文件…
webpack核心概念
起步entry 的用法output 的用法loaders 的用法plugins 的用法mode 的用法文件监听文件热更新自动删除dist文件夹 起步 npm init -y //构建项目文件npm install webpack webpack-cli --save-dev webpack 默认的配置文件为 webpack.config.js ; …
Koa2接口编写
GET格式参数接收 const router = require('koa-router')()router.prefix('/api')router.get("/list",,async (ctx)=>{    let query = ctx.puery    console.log("参数接收",q…
浅谈 WebSocket 和 Socket.io
一、webSocket WebSocket是什么 webSockett是一种网络通信协议。它是html5开始提供了一种在单个tcp连接上进行全双工通信的协议。 为什么需要WebSocket 传统的http协议(无状态的),每次请求都是由客户端主动发起的。服务端进行处理后返回结果,而服务端很难主动向客户端发送数据;这种客户端是主动方。仅可以满足信息更…