Koa基础使用以及配置开发热加载/webpack调试

最新推荐文章于 2024-04-18 10:09:47 发布
最新推荐文章于 2024-04-18 10:09:47 发布
阅读量694 收藏 5
点赞数
分类专栏： advance 文章标签： webpack koa
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RollsRoycewk/article/details/117676806
版权

Koa基础

介绍

在这里插入图片描述

核心概念

在这里插入图片描述
在这里插入图片描述

原理

在这里插入图片描述

特点

在这里插入图片描述

基础实现

npm init -y

npm install --save koa

index.js

根目录

const Koa = require("koa");
const app = new Koa();

app.use(async (ctx) => {
  ctx.body = "hello,koa";
});

app.listen(3000);

在这里插入图片描述

kao-Router

npm install -S koa-router

在这里插入图片描述

使用

const Koa = require("koa");
const app = new Koa();

const Router = require("koa-router");
const router = new Router();

router.get("/", (ctx) => {
  console.log(ctx);
  console.log(ctx.request);
  ctx.body = "hello,koa";
});

router.get("/api", (ctx) => {
  console.log(ctx);
  console.log(ctx.request);
  ctx.body = "hello,api";
});

app
  .use(router.routes())
  // 拦截所有没有的请求,返回4xx 5xx错误
  .use(router.allowedMethods());

app.listen(3000);

next()

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
按照use执行完以后后执行之后的语句
在这里插入图片描述

async await

router.get("/async", async (ctx) => {
  let result = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("hello world 2s later");
    }, 2000);
  });
  ctx.body = result;
});

在这里插入图片描述

Koa开发RESTful接口

npm install -S koa-router koa-body @koa/cors

在这里插入图片描述

.prefix

定义路由的前缀,加入拦截器
如果没有权限访问前缀路由,阻止访问
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
加上api以后

在这里插入图片描述

koa-body

koa数据body部分转义,转义POST过去JSON格式

post
const cors = require("@koa/cors");
const koaBody = require("koa-body");

...

router.post("/post", (ctx) => {
  let { body } = ctx.request;
  console.log(body);
  console.log(ctx.request);
  // ctx.body 等价于ctx.response
  ctx.body = {
    ...body,
  };
});

...

在这里插入图片描述
在这里插入图片描述

get params

router.get("/api", (ctx) => {
  // 获取get请求中的params
  const params = ctx.request.query;
  console.log(params);
  // 比如传输的数据 name : "zero" , age :  "18"
  console.log(params.name, params.age);
  ctx.body = {
    name: params.name,
    age: params.age,
  };
});

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

@koa/cors

解决跨域问题

koa-json

npm install -S koa-json
const json = require("koa-json")

app
  .use(koaBody())
  .use(cors())
  .use(json({ pretty: false, param: "pretty" }))

如果没有工具也会格式化
在这里插入图片描述

方式二

Koa路由进阶配置

开发目录结构

在这里插入图片描述

npm install koa koa-router koa-body @koa/cors koa-json -S

koa-combine-routers

所有的routers进行合并

npm install koa-combine-routers

src

api
a.js
module.exports = function (ctx) {
  ctx.body = {
    message: "hello from a",
  };
};
b.js
// function a(ctx) {
//   ctx.body = {
//     message: "hello from b",
//   };
// }

// module.exports = {
//   a,
// };

module.exports = function (ctx) {
  ctx.body = {
    message: "hello from b",
  };
};
routes
aRouter.js
const Router = require("koa-router");
const a = require("../api/a");

const router = new Router();

router.get("/a", a);

module.exports = router;
bRouter.js
const Router = require("koa-router");
const b = require("../api/b");

const router = new Router();

router.get("/b", b);

module.exports = router;
routes.js
const combineRoutes = require("koa-combine-routers");

const arouters = require("./aRouter");
const brouters = require("./bRouter");

module.exports = combineRoutes(arouters, brouters);
index.js
const koa = require("koa");
const app = new koa();

const router = require("./routes/routes");

app.use(router());
app.listen(3000);

在这里插入图片描述
在这里插入图片描述

优点

在routes里面主要功能以及路径管理
在api里面全部都是功能代码,实际实现的业务 对request做的的处理,response的响应

kao安全header处理

koa-helemt

https://www.npmjs.com/package/koa-helmet
加入了安全的头

npm i koa-helmet -S

index.js

const koa = require("koa");
const app = new koa();
const helmet = require("koa-helmet");

const router = require("./routes/routes");

app.use(helmet());
app.use(router());
app.listen(3000);

koa-static

静态文件的服务

npm install koa-static -S

index.js

const koa = require("koa");
const path = require("path");
const app = new koa();
const helmet = require("koa-helmet");
const statics = require("koa-static");

const router = require("./routes/routes");

app.use(helmet());
app.use(statics(path.join(__dirname, "../public")));
app.use(router());
app.listen(3000);

在这里插入图片描述

node src/index.js

在这里插入图片描述
在这里插入图片描述

koa配置开发热加载

ES6语法支持&webpack配置

nodemon

监视js变化重启服务
https://www.npmjs.com/package/nodemon

npm install -D nodemon
npx nodemon --version

在这里插入图片描述

npx nodemon src/index.js

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

package.json
  "scripts": {
    "start": "nodemon src/index.js"
  },

在这里插入图片描述
在这里插入图片描述

webpack

npm install -D webpack webpack-cli
webpack插件
npm install -D clean-webpack-plugin webpack-node-externals @babel/core @babel/node @babel/preset-env babel-loader cross-env

node: {
    console: true,
    global: true,
    process: true,
    Buffer: true,
    __filename: true,
    __dirname: true,
    setImmediate: true,
    path: true,
  },
webpack.config.js

根目录

const path = require("path");
const nodeExcternals = require("webpack-node-externals");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

const webpackconfig = {
  target: "node",
  mode: "development",
  entry: {
    server: path.join(__dirname, "src/index.js"),
  },
  output: {
    filename: "[name].bundle.js",
    path: path.join(__dirname, "./dist"),
  },
  devtool: "eval-source-map",
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        use: {
          loader: "babel-loader",
        },
        exclude: [path.join(__dirname, "/node_modules")],
      },
    ],
  },
  externals: [nodeExcternals()],
  plugins: [new CleanWebpackPlugin()],
};

module.exports = webpackconfig;
.babelrc

根目录

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}
package.json
  "scripts": {
    "start": "nodemon src/index.js"
  },
npx webpack

在这里插入图片描述

使用ES6语法

改写src/index.js

// const koa = require("koa");
// const path = require("path");

import koa from "koa";
import path from "path";
import helmet from "koa-helmet";
import statics from "koa-static";
import router from "./routes/routes";

const app = new koa();
// const helmet = require("koa-helmet");
// const statics = require("koa-static");

// const router = require("./routes/routes");

app.use(helmet());
app.use(statics(path.join(__dirname, "../public")));
app.use(router());
app.listen(3000);
npx babel-node src/index.js

在这里插入图片描述

npx nodemon --exec babel-node src/index.js

在这里插入图片描述

package.json
  "scripts": {
    "start": "npx nodemon --exec babel-node src/index.js"
  },

在这里插入图片描述

调试webpack

方式一

npx node --inspect-brk .\node_modules.bin\webpack --inline --progress

在这里插入图片描述

打开chrome chrome://inspect/#devices

vscode调试

添加调试

在这里插入图片描述

添加配置
  • ${workspaceFolder}代表的是项目工程目录
    在这里插入图片描述
    在这里插入图片描述
runtimeArgs

指定babel的应用
nodemon执行commJs规范

{
  // 使用 IntelliSense 了解相关属性。
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "nodemon",
      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/nodemon",
      "program": "${workspaceFolder}/src/index.js",
      "restart": true,
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "skipFiles": ["<node_internals>/**"],
      "runtimeArgs": ["--exec", "babel-node"]
    }
  ]
}
运行

在这里插入图片描述
在这里插入图片描述

优化webpack配置

前面达不到生产要求
没有koabody
只是开发过程中webpack

npm-check-updates

  • 检查npm依赖包是否有新的版本
npm install -g npm-check-update
ncu

ncu --help

  • 查看是否有版本更新

在这里插入图片描述

nuc -u

更新指令

rm -rf node_modules/

删除node_modules 或者右键直接删除node_modules

npm i

重新安装

koa-compose

  • 整合koa的中间件
npm install koa-compose
使用koa-compose
// const koa = require("koa");
// const path = require("path");

import koa from "koa";
import path from "path";
import helmet from "koa-helmet";
import statics from "koa-static";
import router from "./routes/routes";
// 优化新增
import koaBody from "koa-body";
import jsonutil from "koa-json";
import cors from "@koa/cors";
import compose from "koa-compose";

const app = new koa();
// const helmet = require("koa-helmet");
// const statics = require("koa-static");

// const router = require("./routes/routes");

// app.use(helmet());
// app.use(statics(path.join(__dirname, "../public")));
// app.use(router());

// 使用koa-compose 集成中间件
const middleware = compose([
  koaBody(),
  statics(path.join(__dirname, "../public")),
  cors(),
  jsonutil({ pretty: false, param: "pretty" }),
  helmet(),
]);

app.use(middleware);
app.use(router());
app.listen(3000);

在这里插入图片描述

配置webpack

根目录创建config文件夹
在这里插入图片描述

webpack.config.base.js
const path = require("path");
const webpack = require("webpack");
const nodeExcternals = require("webpack-node-externals");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

// debugger;

const webpackconfig = {
  target: "node",
  entry: {
    server: path.join(__dirname, "src/index.js"),
  },
  output: {
    filename: "[name].bundle.js",
    path: path.join(__dirname, "./dist"),
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        use: {
          loader: "babel-loader",
        },
        exclude: [path.join(__dirname, "/node_modules")],
      },
    ],
  },
  externals: [nodeExcternals()],
  plugins: [
    new CleanWebpackPlugin(),
    new webpack.DefinePlugins({
      "process.env": {
        NODE_ENV:
          process.env.NODE_ENV === "production" ||
          process.env.NODE_ENV === "prod"
            ? "'production'"
            : "'development'",
      },
    }),
  ],
};

module.exports = webpackconfig;

在这里插入图片描述

webpack.config.dev.js
const webpackMerge = require("webpack-merge");
const baseWebpackConfig = require("./webpack.config.base");

const webpackConfig = webpackMerge(baseWebpackConfig, {
  mode: "development",
  devtool: "eval-source-map",
  stats: { children: false },
});

module.exports = webpackConfig;
webpack.config.prod.js
const webpackMerge = require("webpack-merge");
const baseWebpackConfig = require("./webpack.config.base");

const TerserWebpackPlugin = require("terser-webpack-plugin");

const webpackConfig = webpackMerge(baseWebpackConfig, {
  mode: "production",
  stats: { children: false, warnings: false },
  optimization: {
    minimizer: [
      new TerserWebpackPlugin({
        terserOptions: {
          warnings: false,
          compress: {
            warnings: false,
            // 是否注释掉console
            drop_console: false,
            dead_code: true,
            drop_debugger: true,
          },
          output: {
            comments: false,
            beautify: false,
          },
          mangle: true,
        },
        parallel: true,
        sourceMap: false,
      }),
    ],
  },
});

module.exports = webpackConfig;

在这里插入图片描述

webpack-merge

合并webpack配置

npm i webpack-merge -D

terser-webpack-plugin

npm install terser-webpack-plugin --save-dev

TerserWebpackPlugin
压缩JS代码
https://v4.webpack.docschina.org/plugins/terser-webpack-plugin/

webpack打包配置优化(生产需求)

SplitChunksPlugin

webpack.config.prod.js

const webpackMerge = require("webpack-merge");
const baseWebpackConfig = require("./webpack.config.base");

const TerserWebpackPlugin = require("terser-webpack-plugin");

const webpackConfig = webpackMerge(baseWebpackConfig, {
  mode: "production",
  stats: { children: false, warnings: false },
  optimization: {
    minimizer: [
      new TerserWebpackPlugin({
        terserOptions: {
          warnings: false,
          compress: {
            warnings: false,
            // 是否注释掉console
            drop_console: false,
            dead_code: true,
            drop_debugger: true,
          },
          output: {
            comments: false,
            beautify: false,
          },
          mangle: true,
        },
        parallel: true,
        sourceMap: false,
      }),
    ],
    splitChunks: {
      cacheGroups: {
        commons: {
          name: "commons",
          chunks: "initial",
          minChunks: 3,
          enforce: true,
        },
      },
    },
  },
});

module.exports = webpackConfig;

package.json

配置script
"build": "cross-env NODE_ENV=prod webpack --config config/webpack.config.prod.js"

是因为现在webpack的配置不在根目录下面了
在这里插入图片描述

解决路径问题

config下面新建utils.js文件

const path = require("path");

exports.resolve = function resolve(dir) {
  return path.join(__dirname, "..", dir);
};

exports.APP_PATH = exports.resolve("src");
exports.DIST_PATH = exports.resolve("dist");

在这里插入图片描述
删除webpack.config.js
修改webpack.config.base.js

const path = require("path");
// webpack打包配置优化新增(解决报错)
const utils = require("./utils");
const webpack = require("webpack");
const nodeExcternals = require("webpack-node-externals");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

// debugger;

const webpackconfig = {
  target: "node",
  entry: {
    // server: path.join(__dirname, "src/index.js"),
    server: path.join(utils.APP_PATH, "index.js"),
  },
  output: {
    filename: "[name].bundle.js",
    // path: path.join(__dirname, "./dist"),
    path: utils.DIST_PATH,
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        use: {
          loader: "babel-loader",
        },
        exclude: [path.join(__dirname, "/node_modules")],
      },
    ],
  },
  externals: [nodeExcternals()],
  plugins: [
    new CleanWebpackPlugin(),
    new webpack.DefinePlugin({
      "process.env": {
        NODE_ENV:
          process.env.NODE_ENV === "production" ||
          process.env.NODE_ENV === "prod"
            ? "'production'"
            : "'development'",
      },
    }),
  ],
};

module.exports = webpackconfig;
npm run build

在这里插入图片描述
在这里插入图片描述

npm install -D rimraf

package.json

所有脚本配置 注意clean需要下载rimraf包

    "start": "nodemon --exec babel-node src/index.js",
    "webpack:debug": "node --inspect-brk ./node_modules/.bin/webpack --inline --progress",
    "build": "cross-env NODE_ENV=prod webpack --config config/webpack.config.prod.js",
    "dev": "cross-env NODE_ENV=dev nodemon --exec babel-node --inspect ./src/index.js",
    "clean": "rimraf dist"

路由相关

红色删除 绿色新增
在这里插入图片描述

demoController.js
class DemoController {
  constructor() {}
  async demo(ctx) {
    ctx.body = {
      msg: "body message",
    };
  }
}

export default new DemoController();
demoRouter.js
import Router from "koa-router";
import demoController from "../api/demoController";

const router = new Router();

router.get("/demo", demoController.demo);

module.exports = router;
routes.js
// const combineRoutes = require("koa-combine-routers");
import combineRoutes from "koa-combine-routers";
import demoRouter from "./demoRouter";

// const arouters = require("./aRouter");
// const brouters = require("./bRouter");

// module.exports = combineRoutes(arouters, brouters);
export default combineRoutes(demoRouter);
npm run dev

在这里插入图片描述

koa-compress

npm install koa-compress -S
index.js
// const koa = require("koa");
// const path = require("path");

import koa from "koa";
import path from "path";
import helmet from "koa-helmet";
import statics from "koa-static";
import router from "./routes/routes";
// 优化新增
import koaBody from "koa-body";
import jsonutil from "koa-json";
import cors from "@koa/cors";
import compose from "koa-compose";
import compress from "koa-compress";

const app = new koa();

const isDevMode = process.env.NODE_ENV === "production" ? false : true;

// 使用koa-compose 集成中间件
const middleware = compose([
  koaBody(),
  statics(path.join(__dirname, "../public")),
  cors(),
  jsonutil({ pretty: false, param: "pretty" }),
  helmet(),
]);

if (!isDevMode) {
  app.use(compress());
}

app.use(middleware);
app.use(router());
app.listen(3000);
探鱼不是鱼
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Koa开发：Node服务中非常重要的概念——进程管理
华章IT官方博客
04-12 617
进程是非常重要的一个概念，尤其对于单线程的JavaScript来说，Node.js做好进程管理是在一些负载性能方面，能体现出巨大价值。尤其在支撑公司级别的一些大型项目，多进程管理是必不可少的。本文将结合最近的畅销书《Koa开发：入门、进阶与实战》中的内容，具体讲述Node.js进程相关的知识。进程的概念在一些面试中，面试官会经常问一个问题，进程和线程有什么区别。这是一个老...
webpack-node:使用Webpack构建节点项目
05-02
由于Node.js使用CommonJS模块系统，Webpack需要使用特殊的加载器来处理。安装`ts-loader`处理TypeScript文件，并在module.rules中配置： ```javascript module.exports = { // ... module: { rules: [ { test:...
基于koa搭建node接口转发服务（二）
qq_16483541的博客
02-13 607
在上一篇文章我们通过使用koa搭建了一个简单可访问的后台服务，这篇文章我们接着上一篇进行叙述，通过接口配置的方式实现接口转发，同时封装一些常用的上传、下载等通用的方法
探秘Koa-Webpack：构建现代化Web应用的强大工具
最新发布
gitblog_00039的博客
04-18 431
探秘Koa-Webpack：构建现代化Web应用的强大工具 项目地址:https://gitcode.com/shellscape/koa-webpack 在现代Web开发中，Koa 和 Webpack 是两个不可或缺的名字。Koa是Node.js的一个高级web框架，提供了优雅和简洁的方式来处理HTTP请求。Webpack则是一个模块打包器，能够将JavaScript、CSS、图片等各种资源打包...
Webpack和Koa2代理WebSocket
CSU_Zipple的博客
05-07 974
相关运行环境： mac os: 10.14.5 (18F132) chrome： 81.0.4044.122 Node：v10.16.1 npm: v6.14.4 Webpack-dev-server: v3.9.0 http-proxy-middleware: 1.0.3 Koa2-connect: 1.0.2 koa: 2.7.0 webpack代理 webpack-dev-s...
Koa2仿知乎服务端项目：Webpack配置
Neekky的博客
01-17 1803
使用Koa2、MongoDB，开发仿知乎的服务端项目
搭建koa2项目环境
cm200225的博客
03-16 1486
对于开始搭建需要先进入到cmd(win+R输入cmd)查看node和npm的版本 能查到版本说明已安装node.js和npm，注意的是koa2的开发，对于node.js的版本是要有求的，它要求Node.js版本高于V7.6。因为node.js 7.6版本开始完全支持async/await,不需要再加flag，所以才能完全支持Koa2。 搭建环境 以上的操作没问题的话接下来我们就来搭建环境。接下来的操作我将在VS code里面操作，首先创建一个0316的文件夹，通过鼠标右键点击“在集成终端打开.
基于Vue + axios + vuex + webpack + koa + mysql +Linux 开发PC端网站
02-10
这个项目的核心技术包括Vue.js、axios、vuex、webpack、Koa.js、MySQL以及Linux，它们各自承担着不同的职责，共同构建出一个完整的Web应用。 1. **Vue.js**：Vue.js 是一个轻量级的前端JavaScript框架，它强调组件...
详解如何用typescript开发koa2的二三事
01-20
本文将详细介绍如何使用TypeScript来开发Koa2框架的后端服务，以及在这个过程中可能会遇到的问题及其解决方案。Koa2是一个基于Node.js的轻量级Web应用框架，而TypeScript是JavaScript的超集，提供静态类型检查和现代...
koa-redux-example:使用Koa进行服务器端渲染的示例Redux Isomorphic应用程序
05-07
"开发设置"部分列出了启动项目的步骤，包括安装依赖（npm install）、构建工具（webpack）以及运行服务器（node src/server）。这提示我们项目使用了 npm 作为包管理器，Webpack 作为模块打包工具，而服务端脚本位于...
React-Koa2ReactReduxantd同构直出探索
08-14
8. **热加载和调试工具**: 为了提高开发效率，项目可能集成了Webpack热加载和相关的调试工具。 通过这个项目，开发者可以学习如何将React、Koa2、Redux和Ant Design等技术有效地结合起来，构建高性能、可维护的同构...
使用webpack打包koa2 框架app
08-28
本文给大家介绍的是使用webpack为koa2框架打包的步骤及最终的部署，非常实用，有需要的小伙伴可以参考下
koa2后端和php后端,koa2搭建的后端api项目，能否向前端那样用webpack进行build
weixin_39520353的博客
03-17 136
// webpack.config.jsconst path = require('path')const webpack = require('webpack')const _externals = require('externals-dependencies')module.exports = {mode: 'production',devtool: 'source-map',cache: ...
umi3、koa2搭建个人博客项目性能优化（实战）
weixin_44314609的博客
01-28 1068
首先说明下，我搭建的前提： 前端使用的是umi3+ts，后端使用的是node.js的框架koa2，阿里云服务nginx部署。 当网站正式上线，开始的速度惊到我了，如下图： 优化方向 初步分析下，有这几个方向可以执行： 1.css和js包载入时间过长，按需加载是个方向，或异步加载js文件 2.优化代码，删除没必要的东西，减少代码体积 3.部分图片加载过时间过长，压缩图片 4.压缩代码 说干就干， 第一步， 将用的本地图片，用ps全部压缩一遍，此步省略 第二步，umi中实现前端按需加载，官网接口，主要就是在
koa2后端热更新
泠青的博客
10-21 6315
前言这不阿里云搞活动可领取六个月免费使用云主机么。老夫闲来无事就领了个，想着写个个人主页玩玩。至于采用什么技术呢？好吧，那当然是什么新用什么啦！O(∩_∩)O哈哈~。 本人主页，目前博客还在开发中，所以访问还是空o(╯□╰)o 后端项目地址 前端项目地址 前端采用vue，后端采用koa2。数据库采用mongodb、redis（目前用于储存token，视情况做个缓存层）。 恩，本人也是才接手
nodemon node环境热启动工具
齐枫的博客
12-06 817
参考文章https://strongloop.com/strongblog/comparison-tools-to-automate-restarting-node-js-server-after-code-changes-forever-nodemon-nodesupervisor-nodedev/ 常用工具 forever // Installation: (安装) sudo npm inst...
node.js之热更新重启nodemon
高山景行，一尘不染
09-06 5139
安装nodemon: npm install --save-dev nodemon 修改package.json "scripts": { "start": "nodemon ./bin/www" }, 启动命令 npm run run nodemon最大的作用就是项目重启，触发重启的事件就是系统文件改变了。因为我们开发过程中经常要对系统文件进行修改，我们每次修改后的...
Koa + ES6 + webpack 配置热加载
热门推荐
往事不回头,余生不将就
06-30 1万+
简介 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、 更富有表现力、更健壮的基石。通过利用 async 函数， Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法， 帮助您快速而愉快地编写服务端应用程序。 但是koa本身用的是commonJS规范，不适用于流行的ES6规范 ， 在本文中给大家带来koa中使用ES6规范 以及配合 webpack实现热加载 pack.
webpack学习笔记--配置module
Teheran的博客
02-23 222
https://www.cnblogs.com/joyco773/p/9049693.html
Koa--基于Node.js平台的下一代web开发框架
02-24
Koa是一个基于Node.js平台的下一代Web开发框架，由Express背后的团队创建，旨在提供更简洁、强大且易用的开发基础。Koa框架的核心特点是采用异步函数（async/await），这使得开发者可以摆脱回调地狱，提升代码的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值