1. 程式人生 > >基於node、webpack、搭建一個koa服務器

基於node、webpack、搭建一個koa服務器

ole app.js install des lis .get sta res pat

1、首先需要node(去官網下載)

2、見一個文件夾 比如koa cmd——r cd koa文件

3、npm init

4、安裝webpack (本地安裝)

npm install --save-dev webpack

4.1、用webpack4+ 還需要安裝webpack-cli

npm install --save-dev webpack-cli

5、安裝koa (記住,package.json內的項目名稱不能叫koa 否則安裝不了koa)

npm install koa --save

6、安裝其他依賴

npm install koa-compress --save
npm install koa-router --save
npm install koa-compress --save
npm install koa-static --save

package.json文件

{
  "name": "testKoa",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "serve":"node app.js"
}, "author": "", "license": "ISC", "devDependencies": { "webpack": "^4.31.0", "webpack-cli": "^3.3.2" }, "dependencies": { "koa": "^2.7.0", "koa-compress": "^3.0.0", "koa-router": "^7.4.0", "koa-static": "^5.0.0" } }

app.js

const koaStatic = require("koa-static");
const compress = require("koa-compress");
const path = require("path");
const fs = require("fs");
const app = new Koa();

app.use(compress());
app.use(koaStatic(path.resolve(__dirname,"./")));
const router = koaRouter();

router.get("*",async(ctx,next)=>{
    ctx.type="html",
    ctx.body=fs.readFileSync(path.resolve(‘./dist/index.html‘),‘utf-8‘)
    
});

app.use(router.routes()).use(router.allowedMethods());

app.listen(3000,()=>{
    console.log("server run on  localhost:3000");
})

將dist的文件放到跟目錄

運行npm run serve

基於node、webpack、搭建一個koa服務器