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

一、首先須要node（去官網下載）

二、見一個文件夾  好比koa          cmd——r       cd  koa文件

三、npm init

四、安裝webpack       （本地安裝）

npm install --save-dev webpack

4.一、用webpack4+  還須要安裝webpack-cli

npm install --save-dev webpack-cli

五、安裝koa    （記住，package.json內的項目名稱不能叫koa   不然安裝不了koa）

npm install koa --save

六、安裝其餘依賴

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 Koa = require("koa"); const koaRouter = require("koa-router"); 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