基於node、webpack、搭建一個koa服務器
阿新 • • 發佈:2019-05-10
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服務器